调试新的 Chrome 打包应用

Posted 2023-04-15

【中文标题】调试新的 Chrome 打包应用

【英文标题】：Debugging new Chrome packaged apps

【发布时间】：2012-09-17 00:08:07

【问题描述】：

我正在使用 Chrome 24 中的新型打包应用程序，但我看不到任何方法可以调出开发者工具来进行调试。

推荐的调试策略是什么？

【参考方案1】：

到这里

chrome://inspect/

找到你想要的页面

【讨论】：

救了我的命...这必须发表

【参考方案2】：

从 Chrome 24 开始，您可以右键单击并检查您的页面或检查背景页面。

如果您的应用没有任何可右键单击的打开窗口，您可以转到 chrome://extensions 并使用 Inspect Views 链接，您可以从中打开任何应用页面的开发者工具，包括背景。

在 Chrome 24 之前，唯一的区别是只能使用 chrome://extensions 链接检查背景页面，右键菜单中没有“检查背景页面”。

更新：如果您想调试从 Chrome 网上应用店安装的应用程序，您需要在 chrome:flags 页面中启用“启用打包应用程序调试”标志：

之后，右键单击将适用于任何应用程序。

【讨论】：

右键单击确实有效，但仅适用于从文件系统加载的解压缩应用程序。从 Chrome 网上应用店下载的应用程序中的右键单击被阻止。至少在 Ubuntu 和 Windows 上的 Chrome 28（稳定版和测试版）中。

@GeneVayngrib 如果您在 about:flags 中启用“启用打包应用程序调试”标志，则可以这样做

@mangini，感谢 about:flags 标志为 Chrome App Store 中的应用启用此功能 -- 非常有用。

@mangini 非常感谢 about:flags 提示！打包应用程序最终将帮助我们编写无需使用原生包装器即可与原生应用程序竞争的 Web 应用程序。对我们来说尤其重要的是推送通知，它可以唤醒甚至没有运行的应用程序。迫不及待地想在 android 上看到打包的应用程序。如果你不介意分享的话，有什么时间表吗？

@GeneVayngrib，有人与 Cordova 合作以支持 Android 和 ios 中的 Chrome 应用程序 API。您可以在此处关注项目并测试（非常早，尚未准备好生产，请注意:-)）代码：github.com/MobileChromeApps/mobile-chrome-apps

【参考方案3】：

我已经能够右键单击内容区域并检查一个元素以启动开发工具。