Bagaimanakah Saya Boleh Membuat Skrin Penuh Halaman Web Menggunakan JavaScript Merentasi Pelayar Berbeza?

Cara Mengembangkan Windows kepada Skrin Penuh dengan JavaScript: Panduan Komprehensif untuk Keserasian Penyemak Imbas

Membuat laman web skrin penuh adalah penting untuk mencipta pengalaman yang mendalam dan mengoptimumkan paparan kandungan. JavaScript menawarkan pelbagai kaedah untuk mencapai fungsi ini, memastikan keserasian merentas penyemak imbas yang berbeza.

API Skrin Penuh Asli untuk Penyemak Imbas Moden

Chrome 15, Firefox 10, Safari 5.1 dan IE 10 dan ke atas menyokong API Skrin Penuh asli. API ini menyediakan cara piawai untuk menogol mod skrin penuh:

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);

Penyelesaian ActiveX untuk Internet Explorer Lama

Versi Internet Explorer yang lebih lama memerlukan pendekatan yang berbeza menggunakan ActiveX:

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

Persetujuan Pengguna dan Kebolehcapaian

Perhatikan bahawa memulakan mod skrin penuh memerlukan persetujuan pengguna. Pencetusan automatik pada pemuatan halaman tidak mungkin, kerana ia akan menjejaskan garis panduan kebolehaksesan.

Sumber Tambahan

Untuk butiran lanjut tentang pelaksanaan mod skrin penuh:

• [Pembangun Mozilla Rangkaian](https://developer.mozilla.org/en/DOM/Using_full-screen_mode)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Skrin Penuh Halaman Web Menggunakan JavaScript Merentasi Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!