2012-06-26 4 views
5

Tôi đang cố gắng làm cho tiện ích chrome ở chế độ toàn màn hình, nhưng tối đa tôi có thể làm là một nửa chiều rộng. Thêm vào đó nó chỉ cho tôi một thanh cuộn ở phía dưới .. Làm thế nào tôi có thể làm cho nó ở chế độ toàn màn hình? nghĩa là toàn bộ chiều rộng của trình duyệt chrome? Cảm ơn!Làm thế nào để mở rộng chrome ở chế độ toàn màn hình?

+1

Bạn đang nói về cửa sổ bật lên Tác vụ trình duyệt? Tôi không chắc chắn những người có thể được cửa sổ đầy đủ chiều rộng. Hãy thử API toàn màn hình, nhưng thậm chí có thể không thực hiện được. Thay vào đó, bạn có thể muốn mở tab mới bằng nội dung của tiện ích mở rộng của mình. –

+0

Bạn nên chấp nhận câu trả lời của Vincent Scheib ở phía dưới. Đó là câu trả lời đúng, hiện tại và "đầy đủ hoạt động". – Aerovistae

Trả lời

1

Bạn đã thử dùng thử fullScreen API?

+0

.... đó là firefox ... phải không ??? – Aerovistae

+0

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

+0

Vâng, câu trả lời có liên kết trực tiếp tới tài liệu API chrome vẫn còn phù hợp hơn với câu hỏi mở rộng chrome. – Aerovistae

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

Như đã thấy trong này post

2

Trong phần mở rộng của bạn "background.js" kịch bản:

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

Yêu cầu quyền 'app.window' nhưng: "'app.window' chỉ được phép đối với các ứng dụng đóng gói và đây là tiện ích mở rộng". – danieleds

9
chrome.windows.update(windowId, { state: "fullscreen" }) 

Xem http://developer.chrome.com/extensions/windows.html#method-update

+0

Phải là câu trả lời được chấp nhận. – Aerovistae

+1

Nhưng khi bạn thoát khỏi chế độ toàn màn hình, trình duyệt của bạn sẽ không quay lại trạng thái bạn đã nhập trước đó, cách giải quyết điều đó? – Tarek

+0

Nếu tôi muốn nó ở chế độ toàn màn hình trên màn hình khác thì sao? –

0

để sử dụng chung trên các trang web trong tất cả trình duyệt, bao gồm 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');} 
});