码迷,mamicode.com
首页 > 移动开发 > 详细

手机浏览器调试建议

时间:2015-09-12 00:44:01      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

使用电脑远程调试安卓手机上浏览器的JS

 (2014-01-14 22:44:04)
   
有时候要开发在手机浏览器上运行的网页,这样就涉及到要调试JS,在电脑上怎么模拟,跟使用真机还是有区别,这里介绍几种用电脑远程调试JS的方法。
 
1.使用google浏览器,因为安卓本来就是谷歌的,因此它本身对此有支持,开发了相关的插件
 1)首先,电脑上要有谷歌浏览器(Chrome),最好是最新版的(Chrome 31以上); 
 2)安装了安卓的SDK;
 3)手机上也安装谷歌浏览器(Chrome for android 31以上)
 4)电脑的浏览器上安装支持调试的插件adb
 5)确保手机可以通过USB数据线连接上电脑(如果不行,可以试试安装最新的手机驱动)
 6)手机开启USB调试模式
 7)用电脑打开Chrome浏览器,打开adb,点击view insepect
 8)手机用chrome打开要调试的页面
 9)在电脑的浏览器上,点击inspect,开始调试
 
注意:该方法可能不需要sdk,但是安装了最好,同时该方法要连接外网才能实现调试
参考网址:

谷歌官网:

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

网友总结:

http://exodia.net/多终端/2013/06/22/响应式实践(1)移动端Web开发环境的搭建.html

 

2.使用weinre来实现远程调试,Weinre的本意是Web Inspector Remote,它是一种远程调试工具。功能与FirebugWebkit inspector类似,可以帮助我们即时更改页面元素、样式,调试JS等。

  1)确保电脑安装了java 的jdk

  2)下载weinre的jar包,下载网址:http://ishare.iask.sina.com.cn/f/23607399.html,下载后(或解压),放在一个文件夹里就行

  3)运行cmd,在weinre所在文件夹的地址栏输入代码:java -jar weinre.jar --httpPort 8081 --boundHost -all- 

  4)打开本地浏览器,(使用webkit内核浏览器(chrome、safari))访问 http://localhost:8081/,不出意外的话可以看到weinre的基本信息。

  5)"debug client user interface"是weinre的Debug客户端,点击进入后可以看到目前还没有被测试的目标网页

  6)为了让需要调试的页面被weinre检测到,需要添加Debug Target

       需要在调试的页面中增加一个js

 

 

参考网址:参考网址:

http://www.cnblogs.com/hxh-hua/archive/2013/02/26/2933117.html

 

注意:该方法在实际使用时不知为什么无效,但网上说可以,求解释

 

3.使用UC浏览器开发者版来调试,UC浏览器做了一个开发者的版本,可以用于调试JS

  1)在网上搜索UC浏览器开发者版,然后下载安装在手机上

  2)连接手机可以使用USB或wifi,这里使用wifi连接

3)本机电脑开启connectify,将自己电脑当作wifi,然后通过手机连接上去。如果电脑和手机是连接同一个wifi网络的话,也是可以

 4)在电脑上打开chrome浏览器,输入手机IP+9998,手机IP192.168.112.244,则输入192.168.112.244:9998

 5)在手机上打开UC浏览器开发者版,会提示是否允许远程调试,选择是

 6)开始调试

 

手机浏览器调试建议

标签:

原文地址:http://www.cnblogs.com/skying555/p/4802335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!