JavaScript を使用してブラウザ ウィンドウを全画面表示するにはどうすればよいですか?

JavaScript を使用してブラウザ ウィンドウを全画面表示にする

ブラウザ ウィンドウを全画面表示に切り替える機能により、特にアプリケーションのユーザー エクスペリエンスが向上します画面スペースを最大化する必要があります。このクロスブラウザ JavaScript ソリューションを使用すると、シームレスに全画面モードに入ることができます。

ブラウザのサポート

Chrome 15、Firefox 10、Safari 5.1、IE などの最新のブラウザ10 はフルスクリーン API をネイティブにサポートします。古い IE バージョンでも、ActiveX を利用して同じ結果を得ることができます。

実装

次に、さまざまなブラウザーに適したメソッドを検出して使用する JavaScript 関数を示します。

function requestFullScreen(element) {
    // Support various browsers
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

    if (requestMethod) { // Native full screen
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

この関数を使用するには、全画面に展開したい要素上でこの関数を呼び出すだけです。たとえば、次のようになります。ページ全体の body 要素:

requestFullScreen(document.body);

ユーザーの承認

全画面モードではユーザーの承認が必要であることに注意してください。自動的にトリガーすることはできません。ボタンのクリックなどのユーザー イベントによって開始する必要があります。

詳細については、全画面モードの使用に関する Mozilla Developer Network のドキュメントを参照してください: https://developer.mozilla.org/en /DOM/フルスクリーンモードの使用

以上がJavaScript を使用してブラウザ ウィンドウを全画面表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。