调试新的Chrome打包应用程序

19

我正在使用Chrome 24中的新风格封装应用程序,但是我没有看到任何打开开发者工具进行调试的方法。

那么,调试的推荐策略是什么呢?

3个回答

29

去这里

chrome://inspect/

找到您想要的页面


1
挽救了我的生命... 这必须被发布。 - Gilad Peleg

18

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

在Chrome 24中右键单击Chrome打包应用程序

如果您的应用程序没有打开窗口以供右键单击,则可以转到chrome://extensions并使用Inspect Views链接,从中您可以为任何应用程序页面打开开发人员工具,包括那些在后台运行的页面。

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

更新:如果要调试从Chrome Web Store安装的应用程序,则需要在chrome:flags页面中启用“启用已打包应用程序的调试”标志:

输入图像说明

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


1
右键确实起作用,但仅适用于从文件系统加载的未打包的应用程序。从Chrome Web Store下载的应用程序会阻止右键功能。至少在Chrome 28(稳定版和测试版)上,在Ubuntu和Windows操作系统上都是如此。 - Gene Vayngrib
1
如果你在about:flags中启用了“启用打包应用程序的调试”标志,它就会生效。 - mangini
1
@mangini,感谢关于:flags标志的启用,使得来自Chrome应用商店的应用程序功能变得非常有用。 - delfuego
@mangini 非常感谢你提供的关于:flags的提示!打包应用程序终于可以帮助我们编写能够与本地应用程序竞争而无需使用本地封装器的Web应用程序了。对我们来说尤其重要的是推送通知,以唤醒甚至未运行的应用程序。迫不及待地想看到Android上的打包应用程序。如果你不介意的话,有没有时间表呢? - Gene Vayngrib
@mangini,我看了一下MobileChromeApps,不确定这是真的。也许我错过了什么。他们是否试图在严重过时且不断发展的Android WebKit组件之上重新创建整个Chrome打包应用程序设置?这肯定不对。更不用说该项目支持的API数量很少,甚至远远不足我们所需的API。告诉我还有其他的项目正在开发中,能带来更多希望。 - Gene Vayngrib
显示剩余2条评论

9

我可以右击内容区域并检查元素以调出开发工具。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接