JavaScript はどのようにして異なるブラウザ間でブラウザ ウィンドウを全画面表示に最大化できますか?

JavaScript を使用してブラウザ ウィンドウを全画面に最大化する

シームレスなブラウジング エクスペリエンスを実現するために、開発者は多くの場合、ブラウザ ウィンドウを全画面に最大化する必要があります。画面。これは JavaScript を使用して実現でき、IE、Firefox、Opera などの複数のブラウザとの互換性を確保できます。

ブラウザの互換性と実装

Chrome、Firefox、Safari などの最新のブラウザ、および IE 10 はネイティブの全画面をサポートします。実装方法は次のとおりです。

function requestFullScreen(element) {
    var requestMethod = element.requestFullscreen || element.webkitRequestFullscreen || element.mozRequestFullscreen || element.msRequestFullscreen;

    if (requestMethod) {
        requestMethod.call(element);
    }
}

目的の要素 (通常はドキュメント本文) を requestFullScreen() 関数に渡して全画面表示にします。

古いものに対するフォールバックブラウザ

古いバージョンの Internet Explorer では、ActiveX を利用して全画面表示を有効にすることができますmode:

if (typeof window.ActiveXObject !== "undefined") {
    var wscript = new ActiveXObject("WScript.Shell");
    if (wscript !== null) {
        wscript.SendKeys("{F11}");
    }
}

このフォールバックでは、全画面モードに入るためにユーザーの確認が必要であることに注意してください。自動的にトリガーすることはできません。

ユーザー インタラクション

ブラウザ ウィンドウを最大化するには、ユーザーの同意が必要であることに注意することが重要です。全画面リクエストをトリガーするには、ボタンをクリックするなどの明示的なアクションが必要です。

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

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