JavaScriptを使用してF11キーイベントを使用してブラウザをフルスクリーンにする方法

Question

ブラウザをフルスクリーンにしたいと思います。 F11のキーイベントと同じです。

function maxwin() { 
    var wscript = new ActiveXObject("WScript.Shell"); 
    if (wscript!=null) { 
     wscript.SendKeys("{F11}"); 
    } 
} 

mozillaや他の最新のブラウザでは動作しません。この問題を解決する方法があるかどうか教えてください。

ありがとうございました。 （事前にお問い合わせください）

Answer 1

ネイティブコードやブラウザ拡張機能がないとできません。 ActiveXObjectは、IEブラウザにのみ存在します。今

Answer 2

のFirefox 10はまた、作品

webkitEnterFullscreen() 

持つことが可能である日（サファリ5、クロム16少なくともでのWebKitブラウザ）。 check this link

このトピック

Answer 3

使用このコードでやっていること、すなわち全く分からない代わりに

var el = document.documentElement 
, rfs = // for newer Webkit and Firefox 
     el.requestFullScreen 
    || el.webkitRequestFullScreen 
    || el.mozRequestFullScreen 
    || el.msRequestFullScreen 
; 
if(typeof rfs!="undefined" && rfs){ 
    rfs.call(el); 
} else if(typeof window.ActiveXObject!="undefined"){ 
    // for Internet Explorer 
    var wscript = new ActiveXObject("WScript.Shell"); 
    if (wscript!=null) { 
    wscript.SendKeys("{F11}"); 
    } 
} 

出典：How to make in Javascript full screen windows (stretching all over the screen)

作品と上記クロム、FF10、上記IE 8、Safariでテスト5 ..

Answer 4

これはChrome、Firefox、IE（11）の最新バージョンで可能になりました。

Zuulのポインタの後にthis threadと書かれていますが、コードを編集して、IE11とページの任意の要素をフルスクリーンするオプションを追加しました。

JS：

function toggleFullScreen(elem) { 
    // ## The below if statement seems to work better ## if ((document.fullScreenElement && document.fullScreenElement !== null) || (document.msfullscreenElement && document.msfullscreenElement !== null) || (!document.mozFullScreen && !document.webkitIsFullScreen)) { 
    if ((document.fullScreenElement !== undefined && document.fullScreenElement === null) || (document.msFullscreenElement !== undefined && document.msFullscreenElement === null) || (document.mozFullScreen !== undefined && !document.mozFullScreen) || (document.webkitIsFullScreen !== undefined && !document.webkitIsFullScreen)) { 
     if (elem.requestFullScreen) { 
      elem.requestFullScreen(); 
     } else if (elem.mozRequestFullScreen) { 
      elem.mozRequestFullScreen(); 
     } else if (elem.webkitRequestFullScreen) { 
      elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 
     } else if (elem.msRequestFullscreen) { 
      elem.msRequestFullscreen(); 
     } 
    } else { 
     if (document.cancelFullScreen) { 
      document.cancelFullScreen(); 
     } else if (document.mozCancelFullScreen) { 
      document.mozCancelFullScreen(); 
     } else if (document.webkitCancelFullScreen) { 
      document.webkitCancelFullScreen(); 
     } else if (document.msExitFullscreen) { 
      document.msExitFullscreen(); 
     } 
    } 
} 

HTML： "document.bodyは" あなたがそう望む任意の要素である

<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen(document.body)"> 

。

また、これらのフルスクリーンコマンドをコンソールから実行しようとしても、ChromeやIEでは動作しないように見えます。 FirefoxでもFirebugで成功しました。注意すべき

もうひとつは、これらの「全画面表示」コマンドは、垂直スクロールバーを持っていないということです、あなたはCSS内にこれを指定する必要があります。

*:fullscreen 
*:-ms-fullscreen, 
*:-webkit-full-screen, 
*:-moz-full-screen { 
    overflow: auto !important; 
} 

ザ・必要のようだ「重要なのは！」 IEのためにレンダリングする