开发手机页面以及Hybird应用时,调试曾经是个老大难问题,不时需要用写log等方式曲线救国. 实际上,Chrome和Android(需要4.4+版本)已经提供了不亚于电脑版本的调试功能,只是看样子还有好多人不知道,所以写下来分享给各位.本文遵循CC协议,欢迎转发,但请注明作者和出处(http://ngnice.com/posts/659f97a6f06c90 ). 操作分成电脑和手机(或模拟器)两个部分,操作流程如下: 在手机上打开"设置|开发者选项 | USB调试".对于低版本的a…

用手机看网页,越来越多,手机app套个webview的也很多,那该如何调试手机上的页面了?比如 断点,选dom,console,控制台输出,查看内存,== 嗯,万能的的chrome和safari还是帮我们解决了这些事情 如何用本地的文件代替手机上访问的页面(本地调试) android下调试手机上的网页(断点,查看修改dom,console输出,timeline,===) ios下调试手机上的网页 遇到的一些问题 如何用本地的文件代替手机上访问的页面(本地调试) 一些真实存在的场景,开发一个微信下…

Weinre是什么? Weinre代表Web Inspector Remote,是一种远程调试工具.举个例子,在电脑上可以即时的更改手机上对应网页的页面元素.样式表, 或是查看Javascript变量,同时还可以看到手机上页面的错误和警告信息. Weinre作为一种远程调试工具,在结构上分为三层: 目标页面(target):被调试的页面,页面已嵌入weinre的远程js,下文会介绍: Debug客户端(client):本地的Web Inspector调试客户端: Debug服务端(agent):…

1.手机需要开启USB调试模式: 2.电脑和手机上都要安装最新的Chrome浏览器: 3.手机连接电脑,会出现下载安装驱动的提示并安装成功(并不是所有的手机都会这么顺利,比如我的魅族就无法安装驱动,公司的小米5C非常顺利,连接就安装成功了,再次重新连接就可以了),不需要下载手机助手啥的: 4.手机弹框,选择允许当前电脑进行调试: 5.手机打开Chrome,电脑Chrome地址栏输入:chrome://inspect:电脑上就可以看到对应的地址了: 6.点击对应的inspect,第一次打开需要FQ…

在我们用phoengap+html5做的移动app中,经常遇到的问题就是 本地网页兼容但是到了app出现不兼容的情况,原因是手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台.厂商的不同而有种种兼容性问题. 下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试.这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试.当然,我目前只发现这么两种手段,如果你还有其他方法可调试更多的浏览器,…

最早开始调试移动端网页时,本人都是采取PC上改几行代码,手机上刷新一下看效果这种笨方法来开发的,效率低而且容易让人抓狂.最近偶然发现原来可以使用PC上的浏览器来调试移动设备,不由得感叹相逢恨晚. 工具: Chrome浏览器(PC) Chrome Dev浏览器(移动设备) 步骤: 在移动设备上安装Chrome Dev浏览器,可以在软件市场找到,安装完成后用该浏览器打开需要调试的网页 在Chrome(PC)上输入chrome://inspect/ 将移动设备通过USB与PC连接,期间会出现授权,是否…

太方便了,很实用的技巧(特意记录一下) 1.pc端安装最新的chrome 2.手机端安装最新的chrome ( Android机 ) 3.USB连接线 4.打开电脑的chrome 在地址栏输入 chrome://inspect 选中 Discover USB devices 可以检测到你的设备 可以看到监测到我的设备是C6603 #YT9108PMBJ 5.打开手机上的chrome,访问你需要调试的网站:这时pc上的chorme会出现你访问的网址的记录,如下图 6.点击上图访问链接下面的insp…

注意:新版本的opera已经采用webkit内核,没有dragonfly了. 要下载12版的http://get.geo.opera.com/pub/opera/win/1216/int/Opera_1216_int_Setup.exe 用Opera Mobile调试手机版网页 发表于 2011-07-19 调试代码是每个程序开发者必须熟练掌握的技能,前端开发也不例外.只要你的浏览器不是太陈旧,按下F12就能看到各种调试控制台.这里不打算讲具体项目中如何调试代码,而是介绍下如何在Opera桌面版…

如何通过wifi在android手机上安装调试应用 1. 首先还是要打开手机的usb调试选项,并通过usb线连接手机.2. 然后执行“adb tcpip 5555”,把adb从usb模式切换到tcpip模式.正确的回显信息是:“restarting in TCP mode port: 5555”.5555可以是任何未占用的端口号.3. 再执行“adb connect <手机的WLAN IP>:5555”,连接到手机.正确的回显信息是:“connected to <手机的WLAN IP&g…

最近在看响应式网站的开发视频,其中有一部分非常有用,就是在多个设备上进行网页调试,通过使用browser-sync来实现,具体的步骤可以参照官网(http://www.browsersync.cn/) 按照步骤操作就可以了,当然电脑必须安装了node.js,在这里我主要说一下我遇到的问题,就是在调试网页的时候发现所监听的网页不会出现在浏览器中,有以下两个原因: 1:在启动browser-sync的时候要将你所监控的文件路径以及文件用双引号括起来,不可以用单引号 2:你自己写的html必须命名为"…