如何在 chrome 打包应用程序中打开 webview 的开发者工具？答案

【问题标题】：how to open the developer tools for a webview in chrome packaged apps?如何在 chrome 打包应用程序中打开 webview 的开发者工具？
【发布时间】：2013-09-12 00:57:29
【问题描述】：

在 chrome 打包的应用程序中，直到几周前，我才能通过右键单击打开 Web 视图的开发者工具。但是，在chrome更新后，这是不可能的。（Chrome 版本为 29.0.1547.66）

是否可以像以前一样启用webview的右键单击？或者有什么api可以打开webview的开发者工具？

【问题讨论】：

您是否碰巧将框架更改为“无”？我注意到当我这样做时，右键单击“检查元素”选项仅在不可拖动区域中可用。另外，@user2296820 是正确的。
什么是“不可拖动区域”？
打包应用支持两种框架样式。默认值为“chrome”，这意味着应用程序将具有正常的“windows 样式”边框，带有最小化/最大化/关闭按钮。第二个选项是“无”。如果您的应用程序的样式为“无”，您仍然可以通过单击“可拖动”区域（通常是背景）来移动应用程序窗口。在我的简单测试应用程序中，只有输入字段是不可拖动的。因此，如果我右键单击输入字段，我有“检查元素”选项，但如果我在后台右键单击，我没有。 HTH。
我明白你说的意思。也许，这个问题不在框架样式中。我可以在我的应用程序中看到带有最小化/最大化/关闭按钮的边框。我可以通过右键单击大多数元素来打开检查元素，但仅在 webview 元素中，这是不可能的。我想打开 webview 的开发者工具。谢谢你的评论。（请理解我英语不好。）

标签： webview google-chrome-app developer-tools

【解决方案1】：

在 M29 中，您可以在 chrome://inspect 的 Other 页面中找到 webviews。 chrome://inspect 中调试 webview 的界面最近在 Chrome canary 中得到了显着改进。它现在将在应用下方的应用中显示 web 视图。

【讨论】：

感谢您的回答。那么，有没有一种方法可以称为 webview 的直接开发工具呢？是不是一定要经过chrome://inspect？