运用Chrome浏览器ADB插件获取页面元素
適用于:基于瀏覽器的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)題。
- 上一篇: 学校计算机功能室布置,新乡学校计算机功能
- 下一篇: 前端websockt可重连功能的插件