首页 > 代码库 > H5页面JS调试

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/