手機瀏覽器調試建議

標籤：

使用電腦遠端偵錯安卓手機上瀏覽器的JS (2014-01-14 22:44:04) 轉載▼ 有時候要開發在手機瀏覽器上啟動並執行網頁，這樣就涉及到要調試JS，在電腦上怎麼類比，跟使用真機還是有區別，這裡介紹幾種用電腦遠端偵錯JS的方法。 1.使用google瀏覽器，因為安卓本來就是Google的，因此它本身對此有支援，開發了相關的外掛程式 1）首先，電腦上要有Google瀏覽器（Chrome)，最好是最新版的（Chrome 31以上）；  2）安裝了安卓的SDK； 3）手機上也安裝Google瀏覽器（Chrome for android 31以上） 4）電腦的瀏覽器上安裝支援調試的外掛程式adb 5）確保手機可以通過USB資料線串連上電腦（如果不行，可以試試安裝最新的手機驅動） 6）手機開啟USB偵錯模式 7）用電腦開啟Chrome瀏覽器，開啟adb，點擊view insepect 8）手機用chrome開啟要調試的頁面 9）在電腦的瀏覽器上，點擊inspect，開始調試 注意：該方法可能不需要sdk，但是安裝了最好，同時該方法要串連外網才能實現調試參考網址：

Google官網：

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

網友總結：

http://exodia.net/多終端/2013/06/22/響應式實踐(1)移動端Web開發環境的搭建.html

 

2.使用weinre來實現遠端偵錯，Weinre的本意是Web Inspector Remote，它是一種遠端偵錯工具。功能與Firebug、Webkit inspector類似，可以協助我們即時更改頁面元素、樣式，調試JS等。

  1）確保電腦安裝了java 的jdk

  2）下載weinre的jar包，下載網址：http://ishare.iask.sina.com.cn/f/23607399.html，下載後（或解壓），放在一個檔案夾裡就行

  3）運行cmd，在weinre所在檔案夾的地址欄輸入代碼：java -jar weinre.jar --httpPort 8081 --boundHost -all- 

  4）開啟本地瀏覽器，（使用webkit核心瀏覽器(chrome、safari)）訪問 http://localhost:8081/，不出意外的話可以看到weinre的基本資料。

  5）"debug client user interface"是weinre的Debug用戶端，點擊進入後可以看到目前還沒有被測試的目標網頁

  6）為了讓需要調試的頁面被weinre檢測到，需要添加Debug Target

       需要在調試的頁面中增加一個js：

 

 

參考網址：參考網址：

http://www.cnblogs.com/hxh-hua/archive/2013/02/26/2933117.html

 

注意：該方法在實際使用時不知為什麼無效，但網上說可以，求解釋

 

3.使用UC瀏覽器開發人員版來調試，UC瀏覽器做了一個開發人員的版本，可以用於調試JS

  1）在網上搜尋UC瀏覽器開發人員版，然後下載安裝在手機上

  2）串連手機可以使用USB或wifi，這裡使用wifi串連

3）本機電腦開啟connectify，將自己電腦當作wifi，然後通過手機串連上去。如果電腦和手機是串連同一個wifi網路的話，也是可以

 4）在電腦上開啟chrome瀏覽器，輸入手機IP+9998，手機IP為192.168.112.244，則輸入192.168.112.244:9998

 5）在手機上開啟UC瀏覽器開發人員版，會提示是否允許遠端偵錯，選擇是

 6）開始調試

 

手機瀏覽器調試建議