適用于：基于瀏覽器的Web應用（hybird app：混合模式移動應用）
Win 10下Chrome版本：59.0.3071.86（正式版本） （64 位）

進入 Chrome網上應用店
https://chrome.google.com/webstore/category/extensions

添加至CHROME，將會在Chrome瀏覽器工具條上顯示對應的圖標

下面以真機Nexus 7平板、打開預裝的google瀏覽器應用程序首頁為例：（真機用數據線連接上電腦并打開開發者選項允許USB調試或adb調試）

打開win下google瀏覽器ADB插件-View Inspection Targets

即可看到當前已連接的設備信息、web應用的頁面信息

單擊inspect，將展示界面元素信息
這時，你可能會出現如下空白的問題

解決方案：1、翻墻；2、修改host
打開C:\Windows\System32\drivers\etc\hosts文件，添加：
61.91.161.217 chrome-devtools-frontend.appspot.com
61.91.161.217 chrometophone.appspot.com


但在保存時可能會提示如下，導致無法修改hosts成功

解決方法是將hosts文件復制一份到桌面進行修改后，再復制回它原來的文件夾下，此時會提示是否替換以及管理員才有此權限，是否繼續，選擇【繼續】即可。

重新點擊 inspect按鈕，就能成功顯示界面元素了

當你鼠標放置到上面的代碼上，隨著你鼠標移動，，可看到真機上的google瀏覽器，相應地會選擇一個“顯示塊”。當你點擊有關內容時，inspect上也會相應地刷新。
參考文章：
http://wiki.jikexueyuan.com/project/chrome-devtools/remote-debugging-on-android.html

總結

以上是生活随笔為你收集整理的运用Chrome浏览器ADB插件获取页面元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。