1. 程式人生 > >使用chrome遠端除錯裝置及除錯模擬器裝置

使用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

然後在彈出的視窗就可以遠端除錯手機上面的效果,除錯的過程中保持手機螢幕始終不要關閉。

 

除錯模擬器

使用如上的方法不僅可以遠端除錯真機,還可以除錯模擬器。

在電腦上開啟Android的模擬器,在模擬器上開啟APP頁面,然後在chrome://inspect

頁面找到模擬器點選inspect,就可以開始除錯APP頁面。