Come posso creare un'app imballata in Chrome che viene eseguita a schermo intero all'avvio?

Question

Attualmente sembra che l'abilità a schermo intero possa essere attivata solo da un'azione dell'utente (evento mouse/tastiera). C'è un modo per aggirare questo?

Answer 1

Modifica: Per BeardIl commento di Fist, la mia risposta originale era sbagliata su due fronti. Puoi farlo su un'estensione di Chrome (contrassegnata da questo come), ma probabilmente non su un'app pacchettizzata.

Per le estensioni è possibile attivarlo a schermo intero utilizzando lo stato: opzione "fullscreen", che può essere applicata con chrome.window.update. Il codice seguente raggruppa la creazione della finestra tramite chrome.windows.create con chrome.window.update. Nei miei esperimenti non è stato possibile impostare lo stato a schermo intero direttamente attraverso la creazione della finestra.

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

Answer 2

Partenza https://plus.google.com/100132233764003563318/posts/2SuD7MVd8mG riferendosi alla recente sbarcati elenco modifiche https://chromiumcodereview.appspot.com/12205002. Si può sollevare codice di esempio da una di quelle fonti:

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

Assicurarsi che nel manifesto si sta richiedendo l'autorizzazione "a schermo intero" e che si sta testando su un sufficientemente recente costruzione Chrome (canale beta dovrebbe avere questa caratteristica ormai, e dev lo fa sicuramente).

La tua domanda si riferisce specificatamente alle app in pacchetto, ma nel caso in cui qualcuno abbia letto questa risposta non è presente, funzionerà solo con le app in pacchetto di Chrome.

Answer 3

ho ottenuto che funziona con il sottostante Codice

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

Answer 4

È possibile utilizzare l'HTML5 a tutto schermo API, che richiede un'azione dell'utente:

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

o il modo più "app-y" utilizzando l'oggetto AppWindow, che non richiede un'azione dell'utente:

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

Sia il bisognoAutorizzazione 0 nel manifest.json.

Answer 5

Ora, si può semplicemente aggiungere la proprietà state:"fullscreen" sulle principali .js:

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

Assicurarsi di non aggiungere resizable: false o bounds proprietà, e si aggiunge un permision "fullscreen" sul manifest.json.

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