2012-06-26 17 views
5

मैं क्रोम एक्सटेंशन को पूर्ण स्क्रीन में बनाने की कोशिश कर रहा हूं, लेकिन अधिकतम मैं कर सकता हूं आधा चौड़ाई है। और अधिक तो यह मुझे नीचे स्क्रॉल बार देता है .. मैं इसे पूर्ण स्क्रीन में कैसे बना सकता हूं? मतलब, क्रोम ब्राउज़र की पूरी चौड़ाई? धन्यवाद!क्रोम एक्सटेंशन को पूर्ण स्क्रीन में कैसे बनाया जाए?

+1

आप ब्राउज़र एक्शन पॉपअप विंडो के बारे में बात कर रहे हैं? मुझे यकीन नहीं है कि वे पूर्ण चौड़ाई वाली खिड़कियां बनने में सक्षम हैं। फुलस्क्रीन एपीआई आज़माएं, लेकिन यह भी संभव नहीं है। आप इसके बजाय अपनी एक्सटेंशन की सामग्री के साथ एक नया टैब खोलना चाह सकते हैं। –

+0

आपको नीचे विन्सेंट Scheib के जवाब को स्वीकार करना चाहिए। यह सही, वर्तमान, और "पूरी तरह से परिचालित" उत्तर है। – Aerovistae

उत्तर

1

क्या आपने fullScreen API को आजमाया है?

+0

.... वह फ़ायरफ़ॉक्स है ... है ना ??? – Aerovistae

+0

फ़ायरफ़ॉक्स, वेबकिट, आईई 11 http://caniuse.com/#search=fulls – Calvein

+0

ठीक है, सीधे क्रोम एपीआई दस्तावेज़ों के लिंक के साथ उत्तर क्रोम-एक्सटेंशन प्रश्न पर अधिक लागू है। – 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

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

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

+0

स्वीकार्य उत्तर होना चाहिए। – Aerovistae

+1

लेकिन जब आप पूर्ण स्क्रीन से बाहर निकलते हैं, तो आपका ब्राउज़र उस स्थिति पर वापस नहीं आएगा जिसे आपने पहले दर्ज किया था, उसे कैसे हल किया जाए ?? – Tarek

+0

क्या होगा यदि मैं इसे किसी अन्य डिस्प्ले पर पूर्णस्क्रीन बनाना चाहता हूं? –

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');} 
}); 
संबंधित मुद्दे