Javascript 启动Chrome打包应用程序时出现空白窗口

当我启动Chrome套装应用程序时，它会发出声音但不会加载，我只会看到一个空白（空）窗口。我已经检查了控制台，以确保没有javascript错误

我正在background.js脚本中使用此函数

    chrome.app.runtime.onLaunched.addListener(function() {
     chrome.app.window.create('index.html', {
     'width': 1024,
     'height': 768,
     });
    });

---

这很奇怪，因为我的应用程序的声音启动了，但窗口仍然是空的。我的应用程序是使用Sencha Animator制作的。

index.html中的某些内容一定导致了错误

试试其中一种

尝试将index.html编辑为琐碎的内容，然后慢慢添加回内容，直到找到错误

检查您是否同时在后台页面和已启动页面中查看错误。您可以右键单击应用程序窗口并检查元素以查看其检查器。你可以用chrome://extensions 查看所有页面的inspector视图

---

除非它不能回答这个问题，否则我只想让你们知道，我最终尝试了NodeWebKit来实现mi目标：拥有一个桌面打包版本的HTML5应用程序

---

它工作得很好。

我听从你的建议。我做了一些测试，最后我发现当我调用外部css时，我的应用程序崩溃了。我不能把我的CSS代码放在这里，因为它太长了，但你可以在这里下载：你不能使用外部CSS。CSS需要与应用程序一起打包。为了使用外部CSS，您必须通过XHR获取它，保存到文件系统，然后将它拉回到缓冲区中，并使用

数据：

url。防止加载外部CSS的CSP指令是：style src“self”data:chrome扩展资源：“unsafe inline”；您可以在下面的另一个答案建议中阅读更多关于打包应用的CSP的信息。我意识到问题不在我的index.html上，但是当我调用这个外部CSS时，有什么建议吗？谢谢！我刚刚尝试在这里使用你的CSS，它确实有效。可能有一个CSS规则在应用于元素时在GPU中抛出错误。您可以在此处共享html，也可以尝试逐个元素删除html，直到找到有问题的元素为止。您还可以使用更简单但完整的代码来填充bug。