運用Chrome瀏覽器ADB外掛獲取頁面元素
阿新 • • 發佈:2019-02-20
適用於:基於瀏覽器的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檔案複製一份到桌面進行修改後,再複製回它原來的資料夾下,此時會提示是否替換以及管理員才有此許可權,是否繼續,選擇【繼續】即可。