Wie kann ich eine Chrome-App erstellen, die beim Start im Vollbildmodus ausgeführt wird?

Question

Derzeit scheint es, dass die Vollbild-Fähigkeit nur von einer Benutzeraktion (Maus/Tastaturereignis) aktiviert werden kann. Gibt es eine Möglichkeit, dies zu umgehen?

Answer 1

Bearbeiten: Per BeardFist Kommentar, meine ursprüngliche Antwort war falsch an zwei Fronten. Sie können dies auf einer Chrome-Erweiterung tun (was mit diesem Tag markiert ist), aber wahrscheinlich nicht in einer gepackten App.

Für Erweiterungen können Sie es in Vollbildmodus mit dem Status: "Vollbild" -Option, die mit chrome.window.update angewendet werden können. Der folgende Code kettet die Erstellung des Fensters über chrome.windows.create mit chrome.window.update. In meinen Experimenten konnte man den Vollbildstatus nicht direkt durch die Fenstererzeugung einstellen.

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

Answer 2

Check out https://plus.google.com/100132233764003563318/posts/2SuD7MVd8mG bis vor kurzem Bezug landete Änderungs https://chromiumcodereview.appspot.com/12205002. Sie können Beispielcode aus einem dieser Quellen heben:

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

Vergewissern Sie sich in Ihrem Manifest Sie die „Vollbild“ Erlaubnis sind anfordert und dass Sie testen auf einem ausreichend letzten Chrome Build (Beta-Kanal haben sollte dieses Feature jetzt, und dev macht definitiv).

Ihre Frage bezieht sich speziell auf gepackte Anwendungen, aber falls jemand diese Antwort verpasst die Lektüre dieses, dies nur mit Chrome gepackte Anwendungen arbeiten.

Answer 3

Ich habe habe sie die Arbeit mit folgendem Code

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

Answer 4

Sie können den HTML5-Vollbild-API verwenden, das eine Benutzeraktion erfordert:

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

oder mehr "app-y" Weg das AppWindow Objekt, das keine Benutzeraktion erforderlich:

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

Beide brauchen die "fullscreen" Erlaubnis in der manifest.json.

Answer 5

Jetzt können Sie nur die state:"fullscreen" Eigenschaft auf Ihrem Haupt-Js hinzufügen:

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

sicher, dass Sie nicht resizable: false oder bounds Eigenschaften addieren, und Sie eine "fullscreen" permision auf dem manifest.json hinzufügen.

{ 
    ... 
    "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"] 
}