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應用的桌面打包版本。

它工作得很好。

相關問題