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/