0

当我启动Chrome Packaged应用程序时听起来没有加载,我只收到一个空白窗口。我已经检查过控制台以确保没有javascript错误。启动Chrome Packaged应用程序时出现空白窗口

我用我的background.js脚本

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

此功能这是非常奇怪的,因为我的应用程序启动的声音,但窗口是空的。我的应用程序是使用Sencha Animator制作的。

+0

以下另一个答案建议我意识到问题不在我的index.html上,但是当我调用这个外部CSS https://dl.dropbox.com/u/1306790/style.css有什么建议?非常感谢! – 2013-03-14 22:08:32

+0

我只是尝试在这里使用你的CSS,它确实工作。也许有一个CSS规则应用于元素时会在GPU中引发错误。你可以在这里分享你的html,或者尝试逐个删除元素,直到找到违规的元素。您也可以使用更简单但完整的代码填写http://crbug.com/new中的错误。 – mangini 2013-03-19 13:46:49

回答

0

您的index.html中的某些内容必定会导致错误。

  1. 尝试其中一个chrome-app-samples
  2. 尝试编辑您的index.html文件,然后慢慢添加回您的内容,直到找到错误。
  3. 检查您是否正在查看背景页面和启动页面中的错误。您可以右键单击应用程序窗口并检查元素以查看它的检查器。您可以使用chrome:// extensions来查看所有页面的检查器视图。
+0

我遵循你的建议。我做了一些测试,最后我看到我的应用程序崩溃时,我打电话给外部的CSS。我不能把我的CSS代码放在这里,因为它太长,但你可以在这里下载:https://dl.dropbox.com/u/1306790/style.css – 2013-03-14 22:05:22

+0

你不能使用外部CSS。 CSS需要与应用程序打包在一起。为了使用外部CSS,您必须通过XHR获取它,保存到文件系统,然后将其拉回到缓冲区并使用一个'data:'url。 防止加载外部CSS的CSP指令是: style-src'self'data:chrome-extension-resource:'unsafe-inline'; 您可以在http://developer.chrome.com/apps/app_csp.html上阅读有关打包应用程序的CSP的更多信息 – Colselaw 2013-04-14 11:39:51

0

除非它不回答这个问题,我只想让你知道,我终于尝试节点的Webkit https://github.com/rogerwang/node-webkit达到英里的目标:有我的HTML5应用的桌面打包版本。

它工作得很好。

相关问题