移动端调试方法

移动端的页面我们要想调试最常用的应该属于是chrome的机型的模拟了,但是如果遇到一些只有在某种机型上面才能看到的bug的话就不好调试了。

iphone端调试

首先苹果端是可以调试的,苹果模拟器和苹果浏览器是同一套系统,可以无缝对接调试,Xcode有苹果模拟器,打开模拟器,再打开safari浏览器找到开发下来就能找到这个页面的源码,前提是这个页面是web做的。

安卓端的调试

安卓也是可以的利用chrome,只是需要多点流程,

需要准备

1,pc安装最新chrome。

2,安卓手机(系统需要4.1以上,低点的系统装不上chrome,无解)安装最新chrome。

3,usb线。

首先手机要打开usb调试,

pc地址栏输入chrome://inspect就会出现手机型号

在open栏输入www.baidu.com 就在手机chrome浏览器可以打开百度。

如果需要调试自己电脑上的页面,而自己电脑上的页面又是其他服务器地址的,那就需要手机打开电脑上的页面来调试了(这个只限于手机wifi与电脑网络是出于局域网之内),比如自己电脑打开的地址是http://localhost:8080/zxcg/app/hot.htm

1,先ipconfig电脑的ip地址,比如192.168.0.1

2,将localhost换成ip地址在手机端打开,

3,在这个页面会出现这样的,点击对象下方的inspect,会跳出

如果第一次调试刷新半天这个框还是什么都没有出现,那你要去FQ了。

只是这个设置是怎么用的,我不太清楚,我设置了ip和端口都没起作用,如果有园友知道的话可以留言交流下。

时间: 2024-10-17 00:21:43

移动端调试方法的相关文章

移动端开发调试方法总结

作者本人经验浅薄,还望大神批评指教. ? 移动端调试方法总结,移动端调试方法大致有四种:1.chorme的开发者平台调试,2.Fildder 远程调试,3.Chrome Inspect 真机调试,4.wenwire 远程调试 ? 1.chorme 开发者平台(F12) ? ? 这种调试方法是在开发前期最常用的一种手段,如果对chrome开发者平台很熟悉,开发效率那绝对是事半功倍. chrome开发者调试常用的5部分: 1.Elements 调试样式,打入断点 2.NetWork 观察网络请求 3

移动端调试html页面的方法

weinre这种方法. 1.首先你要安装nodejs,要装一个低版本的,最新版本的装weinre会装不上.这里给个下载地址 https://nodejs.org/dist/v0.10.20/node-v0.10.20-x86.msi 2.然后npm命令 npm install -g weinre 3.运行wernre weinre --httpPort 8081 --bounHost -all- 在浏览器输入上面的 localhost:8081 4.你会看到这样的一个界面 复制红线框里面的一段

总结下移动端调试的一些方法

说起网站调试,pc页面和h5页面,假如电脑上能够重现的,都不在话下,调试起来都蛮简单.仅仅需要fiddler一个抓包工具,把线上压缩代码替换成本地无压缩代码就可以了.具体步骤我后面可以详细介绍.但是,仅仅是某款手机重现,其他手机没有问题的情况下如何调试?hybrid页面如何调试呢?这篇文章简单总结下我常用的调试方法. 一.chrome的inspect调试方法 这个调试仅仅是针对安卓系统,可以调试hybrid,也可以调试h5,但是IOS系统就无能为力了.我很喜欢用这种方式调试android手机.用

移动端调试 — 安卓机+chrome

移动端开发时,我们常使用chrome自带的模拟器,模拟各种手机设备. 但模拟毕竟是模拟,当开发完毕,使用真机访问页面出现问题时如何调试呢? 下面介绍一种针对Android机的调试方法 1. 在pc和android手机上都安装最新版本的chrome 2. 使用usb将手机的PC相连接 3. 手机中打开"设置"->"开发人员选项"->"USB调试" 4. 打开pc侧chrome, 在地址栏中输入chrome://inspect/#devi

tomcat远程调试方法

同事部署的应用服务有些问题,让我帮着远程调试一下,记录一下调试方法. 1.服务的tomcat配置远程连接接口 tomcat所在节点的catalina.sh文件中添加: CATALINA_OPTS="-Xdebug  -Xrunjdwp:transport=dt_socket,address=8000,server=y,suspend=n" 2.重启tomcat服务 3.eclipse连接远程服务 3.1 Run->debug Configurations->Remote j

移动调试方法总结

随着移动端的不断推进,移动调试也成为了前端同学们面临的一个新的课题,在PC时代,我们直接打开chrome的检查元素面板.就可以解决大部分事情了.但是到了移动端,明明在电脑上模拟好的元素,在手机上就会乱掉.今天我们就来一起聊一聊移动前端调试的那些事儿.一起扩展我们的移动端调试手段~ 1 模拟手机调试 1.1 如何使用? chrome作为一款浏览器,给开发者带来的便捷也是为人所称道的.在PC端,只需要F12,打开开发者工具,就可以开始调试了,这点就不用我多说了.而其开发者工具中加入的模拟手机调试选项

Linux内核调试方法总结

一  调试前的准备 二  内核中的bug 三  内核调试配置选项 1  内核配置 2  调试原子操作 四  引发bug并打印信息 1  BUG()和BUG_ON() 2  dump_stack() 五  printk() 1  printk函数的健壮性 2  printk函数脆弱之处 3  LOG等级 4  记录缓冲区 5  syslogd/klogd 6  dmesg 7 注意 8 内核printk和日志系统的总体结构 9  动态调试 六  内存调试工具 1  MEMWATCH 2  YAMD

UIAutomator remote 调试方法

前面已经介绍过了UIAutomator的脚本编写办法了,但是脚本的debug一直都没有弄清楚,通过打log的方式来调试脚本是很耗时的,UIAutomator一直都是支持remote debug的,只是官方的文档中没有写,所以中文的文章中也很少找到,通过google,发现有一篇英文的文章说的很清楚,按照做了一遍成功了,这里贴上我的过程,转一个原创吧. 英文文章在  http://stackoverflow.com/questions/21978292/how-do-i-debug-uiautoma

移动端调试

最近两年无线端的html页面很火,博主最近也做了几个手机项目.相信做过的人都会碰到调试这个棘手的问题.一是没有相应的设备,所以很多人使用虚拟机调试,二是没有较好的调试工具,没法实时得到调试信息.现在将我的一些调试经验总结一下: 本文介绍了无线端调试的四种方式,分别是: charles设置代理  fiddler设置代理 MTL 工具使用 weinre (查看dom元素,查看console.log输出的数据) (如果大家还有其它的调试方法,欢迎补充) 一.charles设置代理  charles 一