方法一. Chrome浏览器调试

• 1. 安装手机USB驱动 (下载360手机助手可以自动安装)
• 2. 开启手机的USB调试选项
• 3. 手机连接USB线 浏览器设置 => 工具 => 检查设备(或者输入chrome://inspect/#devices)
• 4. 点击inspect 进行调试
• 5. 如果显示白板 翻墙就好了

方法二. weinre调试

• 1. 在命令行下输入 npm instal weinre (下载weinre)
• 2. dir => cd node_modules => cd .bin
• 3. 输入weinre --httpPort 8080 --boundHost -all-该命令
  --httpPort 8080 : 设置端口设置
  boundHost -all- : 设置通过IP访问Debug服务端 这点很重要
• 4. 命令面板显示本地访问路径 例如:locahost:8080 打开weinre默认页面
• 5. 把localhost改成本机ip (手机和PC必须是同一网段)
• 6. 访问http://localhost:8080/client/#anonymous 把localhost改成本机ip
• 7. 要调试的页面要加载http://localhost:8080/target/target-script-min.js#anonymous这段js代码并把localhost改成相应ip
• 8. 如果是在公司使用有默认端口的 可以用filld做代理 手机也要设置成相应端口并设置代理

使用JS Console 远程调试(不能使用代理服务器)

如果需要远程调试Javascript 可以使用该方法

1. 访问http://jsconsole.com
2. 在页面中输入:listen后会看到如下信息

   Creating connection

   Connected to "65C1F9F1-56A3-S23F-...."

   然后会有一个类似这样的Javascript代码

   <script src=http://jsconsole.com/remote.js?65C1F9F1-56A3-S23F-....> </script>

3. 在你需要调试的页面中引入该JS
4. 在想调试的Js中输入console.log 运行界面就可以在http://jsconsole.com里看到输出的结果