H5页面JS调试

页面调试

常用的调试方法

开发时候的调试基本是在Chrome的控制台Emulation完成

现有的一些手机端调试方案：

1. Remote debugging with Opera Dragonfly 需要wifi网络，下载最新的桌面版的opera,下载手机端的opera,通过桌面版的opera进行远程调试。
2. Using Firebug on mobile Firebug lite可以用在任何能运行js的浏览器上， 在页面中引入firebug-lite.js即可https://getfirebug.com/firebug-lite.js
3. Remote javascript debugging with JS consolehttp://jsconsole.com/

Remote debugging with weinre 需要下载weinre jar包 开启服务

Weinre的使用

安装步骤：

1. 安装npm
2. npm install weinre –g
3. 会在目录C:/Users/Administrator/AppData/Roaming/npm/node_modules下看到weinre，这便是它的主目录了。注： 每次cd一个文件夹，逐目录cd下去才能到达目标文件夹。
4. cmd中进入该主目录，运行weinre –httpPort 8080 –boundHost -all-
5. 在要调试的页面加上<script src="http://yourIp:8080/target/target-script-min.js" /></script>
6. 手机浏览器上打开 http:// yourIp:8080/client/