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 console http://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/