2013-10-13 33 views
1

我正在嘗試創建一個在新窗口中打開的Chrome應用程序。Chrome標題欄顏色的應用程序

我有這樣的

{ 
    "name": "My App", 
    "description": "Application Description", 
    "version": "0.0.0.1", 
    "manifest_version": 2, 
    "app": { 
    "background": { 
     "scripts": ["background.js"] 
    } 
    } 
} 

基本清單的background.js然後簡單地啓動我的index.html頁面,遠離我的應用程序運行時,這裏的background.js

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

問題是我的佈局sorta與默認的chrome所具有的默認「純白」窗口chrome沒有衝突。我已經看到其他應用程序更改此顯示一個更標準的窗口應用程序。我不知道如何做到這一點,在文檔中找不到任何東西。任何人都可以對此有所瞭解嗎?

下面是一些圖片爲例

GistBox用更標準的窗口鑲邊

GistBox window chrome

我的應用程序 '白默認的' 窗口鑲邊

My App White Default

如何如何讓我的窗口鍍鉻像GistBox使用的更標準的窗口鑲邊?

(順便說一句,我使用Win7的,最新的穩定版本的Chrome)

回答

4

免責聲明:我GistBox的創造者。

Chrome Packaged AppsChrome Hosted Apps之間存在普遍混淆。你正在創建的應用程序是一個Packaged App(它有一個background.js)。您安裝的GistBox應用程序是Chrome託管應用程序,它基本上是訪問一些基本Chrome API的網頁的快捷方式。這是清單看起來是這樣的:

{ 
    "name": "GistBox", 
    "description": "The beautiful way to organize code snippets.", 
    "version": "1.0", 
    "manifest_version": 2, 
    "app": { 
     "urls": [ 
      "https://app.gistboxapp.com" 
     ], 
     "launch": { 
      "web_url": "https://app.gistboxapp.com", 
      "container": "panel", 
      "width": 1200, 
      "height": 768 
     } 
    }, 
    "icons": { 
     "128": "chrome-icon-128.png" 
    }, 
    "permissions": [ 
     // permissions 
    ] 
} 

GistBox Desktop創建一個Chrome封裝應用並用相同的白色標題欄你做彈出:

enter image description here

+0

謝謝!我的印象是託管的應用必須位於實際的Chrome瀏覽器窗口/標籤中,只有打包的應用才能擁有自己的窗口......我錯了。謝謝你清理那個。 –

+0

如果你想完全控制你的應用程序窗口的外觀,你可以在chrome.app.window.create()中設置frame:none。但是,那麼您將對所有窗口控件負全部責任,這可能比您想要的更多工作。 – sowbug