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

JavaScript を使用して Windows を全画面表示に拡張する方法: ブラウザ互換性に関する包括的なガイド

没入型エクスペリエンスを作成するには、Web ページを全画面表示にすることが不可欠ですコンテンツ表示の最適化。 JavaScript は、この機能を実現するためのさまざまなメソッドを提供しており、さまざまなブラウザ間での互換性を確保しています。

最新ブラウザ用ネイティブ フルスクリーン API

Chrome 15、Firefox 10、Safari 5.1、IE 10 以降では、ネイティブのフルスクリーン API がサポートされています。この API は、全画面モードを切り替える標準化された方法を提供します。

function requestFullScreen(element) {
    // Supports most browsers and their versions.
    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);

古い Internet Explorer 用の ActiveX ソリューション

古いバージョンの Internet Explorer では、ActiveX を使用した別のアプローチが必要です。

// Older IE.
var wscript = new ActiveXObject("WScript.Shell");
if (wscript !== null) {
    wscript.SendKeys("{F11}");
}

ユーザーの同意とアクセシビリティ

全画面モードを開始するにはユーザーの同意が必要であることに注意してください。ページの読み込み時に自動トリガーすることは、アクセシビリティ ガイドラインに影響を与える可能性があるため、実行できません。

追加リソース

全画面モードの実装の詳細については、次をご覧ください:

• [Mozilla 開発者]ネットワーク](https://developer.mozilla.org/en/DOM/Using_full-screen_mode)

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