1. 程式人生 > >運用Chrome瀏覽器ADB外掛獲取頁面元素

運用Chrome瀏覽器ADB外掛獲取頁面元素

適用於:基於瀏覽器的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檔案複製一份到桌面進行修改後,再複製回它原來的資料夾下,此時會提示是否替換以及管理員才有此許可權,是否繼續,選擇【繼續】即可。