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/