如何检查桌面应用程序中的元素？答案

【问题标题】：How to inspect elements in a desktop application?如何检查桌面应用程序中的元素？
【发布时间】：2013-07-30 10:49:38
【问题描述】：

我来自网络开发领域，对桌面应用一无所知。该应用程序使用咖啡脚本开发并通过 node-webkit 打包。我想知道，是否有一种方法可以检查应用程序中的元素。在谷歌搜索时，我通过了Adobe AIR 和Spark Inspector。但似乎没有任何东西可用于 node-webkit 应用程序。有没有人有同样的想法？？

【问题讨论】：

标签： desktop-application node-webkit

【解决方案1】：

使用 node-webkit 内置的开发者工具。

在你的 package.json 中设置 "toolbar": true 这将显示 "cog" 图标，该图标显示您应用的 chrome 开发工具。

【讨论】：

但它不允许您从鼠标中定位 dom 元素并检查其上的元素，而是您必须遍历整个 DOM 树，我觉得这很乏味。任何人都知道如何使用 nodewebkit 中的菜单 API 来触发活动元素上的检查器，如谷歌 chrome/Chromium/Safari 中的？
@AsadHasan 左下角有一个镜头图标，用于定位和检查。

【解决方案2】：

我是您提到的Spark Inspector 工具的开发者。

我在 Node 中进行了相当多的开发，我认为您可能会喜欢 Firefox 的 Firebug 检查器，或者 Chrome 中内置的 Chrome 检查器 (https://developers.google.com/chrome-developer-tools/)。这两个都需要在浏览器中打开您的页面，但如果您的应用程序是基于 Web 的并且您可以将其弹出到标准浏览器窗口中，那么您很幸运。（如果没有，可能值得让它在标准浏览器中运行——即使它最终会打包到应用程序中——这样你就可以调试它！）

希望对你有帮助，

【讨论】：