Bagaimanakah Saya Boleh Membuat Tetingkap Penyemak Imbas Skrin Penuh Menggunakan JavaScript?

Membuat Tetingkap Penyemak Imbas Skrin Penuh dengan JavaScript

Keupayaan untuk menogol tetingkap penyemak imbas ke skrin penuh meningkatkan pengalaman pengguna, terutamanya untuk aplikasi yang memerlukan memaksimumkan ruang skrin. Penyelesaian JavaScript merentas pelayar ini membolehkan anda memasuki mod skrin penuh dengan lancar.

Sokongan Penyemak Imbas

Pelayar moden seperti Chrome 15, Firefox 10, Safari 5.1 dan IE 10 menyokong API skrin penuh secara asli. Versi IE yang lebih lama boleh memanfaatkan ActiveX untuk mencapai hasil yang sama.

Pelaksanaan

Berikut ialah fungsi JavaScript yang mengesan dan menggunakan kaedah yang sesuai untuk penyemak imbas yang berbeza:

function requestFullScreen(element) {
    // Support various browsers
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;

    if (requestMethod) { // Native full screen
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

Untuk menggunakan fungsi ini, cukup panggil pada elemen yang anda ingin kembangkan ke skrin penuh, contohnya, elemen badan untuk keseluruhan halaman:

requestFullScreen(document.body);

Penerimaan Pengguna

Perhatikan bahawa mod skrin penuh memerlukan penerimaan pengguna. Mencetuskannya secara automatik tidak mungkin; ia mesti dimulakan oleh acara pengguna, seperti klik butang.

Untuk butiran lanjut, rujuk dokumentasi Rangkaian Pembangun Mozilla tentang Menggunakan Mod Skrin Penuh: https://developer.mozilla.org/en /DOM/Menggunakan_mod_skrin penuh

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Tetingkap Penyemak Imbas Skrin Penuh Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!