是否有与 Android Native Layouts 的 DOM 检查器等效的工具？

Posted 2023-03-07

【中文标题】是否有与 Android Native Layouts 的 DOM 检查器等效的工具？

【英文标题】：Is there an equivalent to DOM inspector for Android Native Layouts?

【发布时间】：2013-06-25 14:48:20

【问题描述】：

在使用 CSS 和 javascript 开发 html5 网页时，我发现像 Chrome Developer Tools 这样的 DOM 检查器在根本导致哪些 CSS 样式应用于网页上的哪些 HTML5 元素方面非常有用。该界面允许您查看左侧的实际布局以及 DOM，同时 CSS 会在此时动态应用于页面。

我的问题是 - 对于 android 应用程序，是否存在与此类似的任何工具？有没有办法确定哪些 xml 样式应用于活动或应用程序中的哪些元素？这对于在应用程序中查看“默认”styles.xml 尤其有用。

是否有任何建议的工具来帮助确定活动中的每个元素应用了哪些样式？

【参考方案1】：

创建视图后，Android 不会保留样式信息。您可以使用的最接近的工具是一个名为 HierarchyViewer 的工具。您可以在此处了解有关此工具的更多信息：http://developer.android.com/tools/debugging/debugging-ui.html

您还应该查看 http://github.com/romainguy/ViewServer 以便能够在生产设备上使用 HierarchyViewer（我们计划废弃此要求。）

【讨论】：

非常酷。一些反馈 - 当我运行 HierarchyViewer 时，我收到一条消息说独立工具已被弃用并已被监视器取代。然后我打开监视器，转到层次结构透视图，但立即收到错误“无法从设备获取查看服务器版本\n 无法从设备获取查看服务器协议版本\n 无法调试设备：samsung-nexus_10”-任何想法至于为什么会这样？也许是高级别的限制？ （我正在通过 Android Studio 中的调试部署的应用程序上运行）

另外值得一提的是 uiautomatorviewer，虽然比层次视图更受限制，但现在可以在生产设备上使用，而无需修改应用程序的源代码以包含 @ 987654327@。 developer.android.com/tools/testing/testing_ui.html#uianalysis 关于您上面评论中的问题，正如 Romain 所指出的，您不能在硬件上使用 Hierarchy View，除非您将 ViewServer 添加到您的项目中。

下载 ViewServer 后，我想我明白我需要将该类添加到我的项目中，并按照您在源代码中的描述使用它。我最初认为您的声明“......能够在生产设备上使用 HierarchyViewer”意味着您可以在启用了 USB 调试的设备上使用它。

另外不要忘记AndroidViewClient 和culebra，这将简化获取视图树并与之交互（即触摸）的过程。

【参考方案2】：

我创建了一个适用于 Android 的应用程序，该应用程序渴望与 Web 浏览器中已知的开发工具非常匹配。当然，这只是一个初创公司，无法与旨在检查网页的同行的功能相匹配，也无法与Android Studio中的Layout Inspector等官方桌面工具相匹配。

它有一个优点，但是它可以离线工作（直接在设备上，无需使用 ADB、任何 SDK 等）。

如果您有兴趣，请享受Developer Assistant。

【讨论】：

另一个优点是它允许我们检查不属于我们应用程序的活动/视图的布局。 Android Studio 的 Layout Inspector 工具不允许这样做。感谢您将这个工具放在一起！以前我使用的是“uiautomatorviewer”，但它不再有效。