如何在啓動時使全屏運行的Chrome打包應用程序？

Question

目前看來，只能從用戶操作（鼠標/鍵盤事件）激活全屏功能。有沒有辦法繞過這個？

Answer 1

編輯：Per BeardFist的評論，我的原始答案在兩條戰線上是錯誤的。您可以在Chrome擴展程序（將其標記爲）上執行此操作，但可能不會打包應用程序。

對於擴展您可以使用狀態：「全屏」選項使其全屏顯示，該選項可與chrome.window.update一起應用。下面的代碼通過chrome.windows.create與chrome.window.update鏈接創建窗口。在我的實驗中，您無法直接通過窗口創建設置全屏狀態。

chrome.windows.create(
    {url:"PATH/TO/POPUP"}, 
    function(newWindow) { 
     chrome.windows.update(newWindow.id, {state:"fullscreen"}) 
}); 

Answer 2

退房https://plus.google.com/100132233764003563318/posts/2SuD7MVd8mG指近日登陸修改列表https://chromiumcodereview.appspot.com/12205002。您可以從這些來源解除示例代碼：

document.body.addEventListener('click', function() { 
    document.body.webkitRequestFullscreen(); 
}); 

確保在您的清單要請求「全屏」權限和你在一個足夠新的Chrome構建測試（測試版應該有這個功能到現在爲止，開發者肯定會這樣做）。

您的問題特指打包的應用程序，但如果有人讀這個答案錯過了這個，這隻適用於Chrome打包應用程序。

Answer 3

我有它的工作下面的代碼

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

Answer 4

你可以使用HTML5的全屏API，它需要用戶採取行動：

button.addEventListener('click', function() { 
    document.body.webkitRequestFullscreen(); 
}); 

或使用更多的「應用程序-Y」的方式AppWindow對象，它不需要用戶操作：

chrome.app.window.current().fullscreen(); 

兩者都需要中的權限爲0。

Answer 5

現在，你可以添加state:"fullscreen"財產上的主要的.js：

chrome.app.runtime.onLaunched.addListener(
    function() { 
     chrome.app.window.create('index.html', 
      { 
       state: "fullscreen", 
      } 
     ); 
    } 
); 

確保你不添加resizable: false或bounds屬性，並在manifest.json添加"fullscreen" permision。 `，但你不能做到這一點：

{ 
    ... 
    "permissions": [ 
     ... 
     "fullscreen" 
    ] 
} 

Answer 6

main.js

chrome.app.runtime.onLaunched.addListener(function() { 
    chrome.app.window.create('index.html',{},function(window) { 
    window.fullscreen(); 
    }); 
}); 

的manifest.json

{ 
    ... 
    "manifest_version": 2, 
    "minimum_chrome_version": "23", 
    "app": { 
    "background": { 
     "scripts": ["main.js"] 
    } 
    }, 
    "permissions": ["fullscreen"] 
}