前言:在做ionic項目的時候,除了發現可以用weinre調試頁面之外,還發現了用chrome一樣可以遠程調試手機上的頁面。
使用chrome開發工具遠程在Android上遠程調試
准備工作
開始遠程調試之前,需要做好如下准備:
- 在你電腦上安裝Chrome 32 或者更新的版本
- 一根連接Android設備的USB線
- 手機系統是Android 4.0+ 並且在手機上安裝 Android版本的Chrome瀏覽器 .
注意:遠程調試需要電腦上的chrome瀏覽器版本比手機上的chrome瀏覽器版本新。
設置Android手機
在Android手機上選擇 設置>開發人員工具>USB調試,然后會彈出一個提示框“是否允許USB調試”,選擇 確定
連接並且發現手機
用USB線連接手機和電腦,然后在chrome瀏覽器中去找到手機。
在電腦上的chrome瀏覽器中,導航到chrome://inspect,確認 Discover USB devices 是選中狀態,並且可以看到已經發現我的MX4:
在chrome上准備好調試網站
在手機上用chrome瀏覽器打開你要調試的網站,然后在電腦上就可以看見你打開的網站,在對應你需要調試的頁面項,點擊 inspect:
然后在彈出的窗口就可以遠程調試手機上面的效果,調試的過程中保持手機屏幕始終不要關閉。
調試ionic項目
使用如上的方法一樣可以遠程調試ionic的項目,不僅可以遠程調試真機,還可以調試模擬器。
在電腦上打開Android的模擬器,然后運行 ionic run android -l -c -s 命令,等待自動在模擬器上安裝啟動項目,然后在chrome://inspect頁面找到模擬器點擊inspect,就可以開始遠程調試ionic項目。如果需要遠程在手機上調試,那么把運行run命令之后的apk安裝到真機上即可。
使用weire也可以調試ionic項目,個人覺得chrome好用一些,可以操作dom,修改css等