2012-06-26 27 views
5

我試圖讓擴展名爲全屏,但我可以做的最大寬度是半寬。更多的是,它只是給我一個滾動條在底部.. 我怎樣才能使其成爲全屏?意思,鉻瀏覽器的整個寬度? 謝謝!如何使鉻擴展名全屏顯示?

+1

你說的是瀏覽器動作彈出窗口?我不確定那些能夠成爲全角窗口。嘗試全屏API,但即使這樣也可能無法實現。您可能希望使用您的擴展程序的內容打開一個新標籤。 –

+0

你應該接受Vincent Scheib的答案。這是正確的,最新的,「完全可行」的答案。 – Aerovistae

回答

1

您是否嘗試過fullScreen API

+0

....這是Firefox ...不是嗎? – Aerovistae

+0

Firefox,Webkit,IE11 http://caniuse.com/#search=fulls – Calvein

+0

那麼,直接鏈接到Chrome API文檔的答案仍然適用於Chrome擴展問題。 – Aerovistae

1
addEventListener("click", function() { 
    var 
      el = document.documentElement 
     , rfs = 
       el.requestFullScreen 
      || el.webkitRequestFullScreen 
      || el.mozRequestFullScreen 
    ; 
    rfs.call(el); 
}); 

在本post

2

在您的擴展看到 「background.js」 腳本:

chrome.app.runtime.onLaunched.addListener(function (launchData) { 
    chrome.app.window.create(
    // Url 
    '/editor.html', 
    // CreateWindowOptions 
    { 
      'width': 400, 
      'height': 500 
    }, 
    // Callback 
    function(win) { 
     win.contentWindow.launchData = launchData; 
     win.maximize(); 
     win.show(); 
    }); 
}); 
+0

它需要'app.window'權限,但是: 「'app.window'僅適用於打包的應用程序,並且這是一個擴展。」 – danieleds

0

在網頁上的所有通用瀏覽器,包括msRequestFullscreen

addEventListener("click", function() { 
    var 
      el = document.documentElement 
     , rfs = 
       el.requestFullScreen 
      || el.webkitRequestFullScreen 
      || el.mozRequestFullScreen 
      || el.msRequestFullscreen 
    ; 
    if (rfs) { rfs.call(el); } else { console.log('fullscreen api not supported');} 
});