使用chrome遠程調試設備


  前言:在做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等

 

轉載請注明原文出處:http://www.cnblogs.com/miss-radish/p/4990871.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM