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