JavaScript を使用して Web ページを全画面表示するにはどうすればよいですか?

JavaScript でウィンドウを全画面表示にする方法

今日の Web 開発環境では、全画面に表示されるコンテンツを表示する必要があることがますます一般的になっています。ユーザーの画面全体。これは JavaScript を使用して実現できますが、使用するブラウザによってアプローチが異なる場合があります。

Chrome、Firefox、Safari、IE などの新しいブラウザの場合は、リクエストに使用できる標準の JavaScript メソッドがあります。全画面モード。このメソッドは requestFullScreen と呼ばれます。これを使用するには、全画面表示にしたい要素をメソッドに渡すだけです。例:

function requestFullScreen(element) {
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;
    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    }
}
var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);

IE の古いバージョンは requestFullScreen メソッドをサポートしていません。ただし、古い IE ブラウザでも ActiveX を使用してウィンドウを全画面表示することは可能です。これには、新しい ActiveX オブジェクトの作成とブラウザへのキーストローク コマンドの送信が含まれます。次のコードは、これを行う方法を示しています。

if (typeof window.ActiveXObject !== "undefined") { // Older IE.
    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 を使用して Web ページを全画面表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。