admin管理员组

文章数量:1568433

有时候要开发在手机浏览器上运行的网页，这样就涉及到要调试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/chrome-developer-tools/docs/remote-debugging

网友总结：

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


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

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

  2）下载weinre的jar包，下载网址：http://ishare.iask.sina/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://wwwblogs/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，手机IP为192.168.112.244，则输入192.168.112.244:9998

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

 6）开始调试

 

注：该方法实际证明可以，参考资料可见UC官网

本文标签： 机上浏览器电脑js安卓手

版权声明：本文标题：使用电脑远程调试安卓手机上浏览器的JS 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1727629662a1123226.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。