Bagaimanakah Saya Boleh Membuat Halaman Web Skrin Penuh Menggunakan JavaScript?

Cara Membuat Tetingkap Skrin Penuh dengan JavaScript

Dalam landskap pembangunan web hari ini, semakin biasa untuk perlu memaparkan kandungan yang memenuhi keseluruhan skrin pengguna. Ini boleh dicapai menggunakan JavaScript, tetapi pendekatannya mungkin berbeza-beza bergantung pada penyemak imbas yang digunakan.

Untuk penyemak imbas yang lebih baharu seperti Chrome, Firefox, Safari dan IE, terdapat kaedah JavaScript standard yang boleh digunakan untuk meminta mod skrin penuh. Kaedah ini dipanggil requestFullScreen. Untuk menggunakannya, hanya hantar elemen yang anda mahu jadikan skrin penuh kepada kaedah. Contohnya:

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

Versi lama IE tidak menyokong kaedah requestFullScreen. Walau bagaimanapun, masih boleh membuat tetingkap skrin penuh dalam pelayar IE yang lebih lama menggunakan ActiveX. Ini melibatkan mencipta objek ActiveX baharu dan menghantar arahan ketukan kekunci ke penyemak imbas. Kod berikut menunjukkan cara untuk melakukan ini:

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

Adalah penting untuk ambil perhatian bahawa pengguna mesti menerima permintaan skrin penuh terlebih dahulu. Ia tidak mungkin untuk mencetuskan ini secara automatik pada pemuatan halaman. Permintaan mesti dimulakan oleh tindakan pengguna, seperti mengklik butang.

Untuk mendapatkan maklumat lanjut tentang menggunakan mod skrin penuh dalam penyemak imbas yang berbeza, rujuk dokumentasi Rangkaian Pembangun Mozilla: https://developer.mozilla. org/ms/DOM/Using_full-screen_mode.

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