Bagaimanakah JavaScript Boleh Memaksimumkan Tetingkap Penyemak Imbas kepada Skrin Penuh Merentasi Pelayar Berbeza?

Menggunakan JavaScript untuk Memaksimumkan Tetingkap Penyemak Imbas kepada Skrin Penuh

Untuk pengalaman menyemak imbas yang lancar, pembangun selalunya perlu memaksimumkan tetingkap penyemak imbas kepada penuh skrin. Ini boleh dicapai menggunakan JavaScript, memastikan keserasian dengan berbilang penyemak imbas seperti IE, Firefox dan Opera.

Keserasian dan Pelaksanaan Penyemak Imbas

Pelayar moden seperti Chrome, Firefox, Safari , dan IE 10 menyokong skrin penuh asli. Kaedah pelaksanaan adalah seperti berikut:

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

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

Lepaskan elemen yang diingini, biasanya badan dokumen, ke fungsi requestFullScreen() untuk menjadikannya skrin penuh.

Fallback for Older Pelayar

Untuk versi Internet Explorer yang lebih lama, anda boleh memanfaatkan ActiveX untuk mendayakan skrin penuh mod:

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

Perhatikan bahawa sandaran ini memerlukan pengesahan pengguna untuk memasuki mod skrin penuh. Ia tidak boleh dicetuskan secara automatik.

Interaksi Pengguna

Adalah penting untuk ambil perhatian bahawa persetujuan pengguna diperlukan untuk memaksimumkan tetingkap penyemak imbas. Mencetuskan permintaan skrin penuh memerlukan tindakan yang jelas, seperti mengklik butang.

Untuk butiran dan contoh lanjut, rujuk dokumentasi Rangkaian Pembangun Mozilla tentang menggunakan mod skrin penuh: https://developer.mozilla. org/ms/DOM/Using_full-screen_mode

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Memaksimumkan Tetingkap Penyemak Imbas kepada Skrin Penuh Merentasi Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!