最新版本：使用Chrome浏览器ADB插件获取页面元素

适用于：基于浏览器的Web应用程序（hybird应用程序：混合模式移动应用程序）

Win 10下的Chrome版本：59.0.3071.86（正式版）（64位）

进入Chrome网上应用店

添加到CHROME，相应的图标将显示在Chrome浏览器工具栏上

以真实机器Nexus 7平板电脑为例，并打开预安装的Google浏览器应用程序主页：（真实机器通过数据线连接到计算机，并打开开发人员选项以允许USB调试或adb调试）

在win-View检查目标下打开Goog​​le浏览器ADB插件

您可以看到当前连接的设备信息和Web应用程序页面信息

单击检查，将显示界面元素信息

目前，您可能有以下空白问题

解决方案：1、在墙上；2、修改主机

打开C：\ Windows \ System32 \ drivers \ etc \ hosts文件并添加：

61.91.161.217

61.91.161.217

但是在保存时，可能会出现如下提示，使得无法成功修改主机

解决方案是将主机文件复制到桌面以进行修改，然后再将其复制回到其原始文件夹。此时，系统将提示您是否替换，并且管理员具有此权限。如果要继续，请选择[继续]。可以。

再次单击检查按钮以成功显示界面元素

将鼠标置于上面的代码上时，在移动鼠标时，您可以在真实计算机上看到Google浏览器，并会相应选择一个“显示块”。当您单击内容时，检查器将相应刷新。

参考文章：

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/shumachanpin/article-333784-1.html