weinre远程调试

场景说明：

    手机h5开发，常碰到一些问题，只有在手机上出现，pc浏览器上无法复现。chrome自带的远程调试，只能在chrome内核的手机浏览器上用。这个神器原则上可以跨越任何版本的手机浏览器

环境说明

• Max Os + Node js   v10.9.0 + chrome浏览器
• 锤子手机 + 手机百度浏览器

安装和调试步骤：

1. shell 下，npm安装weinre，nodejs环境和npm请自行安装

   npm -g install weinre

    

2. 启动weinre

   weinre -httpPort 8081 -boundHost -all-

   8081 是端口号

3. 目标页面需要引入weinre js资源

   <script src="http://localhost:8081/target/target-script-min.js#anonymous"></script>

    

4. pc浏览器打开weinre服务控制台

   http://localhost:8081/

    

5. 手机访问要调试的目标网页
6. weinre控制台点击anonymous Access Points
7. 找到对应的targets，点击激活。此时会出现熟悉的网页dubug视图，开始干活