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

進(jìn)入 Chrome網(wǎng)上應(yīng)用店
https://chrome.google.com/webstore/category/extensions

添加至CHROME，將會(huì)在Chrome瀏覽器工具條上顯示對(duì)應(yīng)的圖標(biāo)

下面以真機(jī)Nexus 7平板、打開(kāi)預(yù)裝的google瀏覽器應(yīng)用程序首頁(yè)為例：（真機(jī)用數(shù)據(jù)線(xiàn)連接上電腦并打開(kāi)開(kāi)發(fā)者選項(xiàng)允許USB調(diào)試或adb調(diào)試）

打開(kāi)win下google瀏覽器ADB插件-View Inspection Targets

即可看到當(dāng)前已連接的設(shè)備信息、web應(yīng)用的頁(yè)面信息

單擊inspect，將展示界面元素信息
這時(shí)，你可能會(huì)出現(xiàn)如下空白的問(wèn)題

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


但在保存時(shí)可能會(huì)提示如下，導(dǎo)致無(wú)法修改hosts成功

解決方法是將hosts文件復(fù)制一份到桌面進(jìn)行修改后，再?gòu)?fù)制回它原來(lái)的文件夾下，此時(shí)會(huì)提示是否替換以及管理員才有此權(quán)限，是否繼續(xù)，選擇【繼續(xù)】即可。

重新點(diǎn)擊 inspect按鈕，就能成功顯示界面元素了

當(dāng)你鼠標(biāo)放置到上面的代碼上，隨著你鼠標(biāo)移動(dòng)，，可看到真機(jī)上的google瀏覽器，相應(yīng)地會(huì)選擇一個(gè)“顯示塊”。當(dāng)你點(diǎn)擊有關(guān)內(nèi)容時(shí)，inspect上也會(huì)相應(yīng)地刷新。
參考文章：
http://wiki.jikexueyuan.com/project/chrome-devtools/remote-debugging-on-android.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。