Comment puis-je créer une page Web en plein écran à l'aide de JavaScript sur différents navigateurs ?

Comment étendre Windows en plein écran avec JavaScript : un guide complet pour la compatibilité des navigateurs

Créer une page Web en plein écran est essentiel pour créer des expériences immersives et optimiser l'affichage du contenu. JavaScript propose différentes méthodes pour obtenir cette fonctionnalité, garantissant ainsi la compatibilité entre différents navigateurs.

API plein écran native pour les navigateurs modernes

Chrome 15, Firefox 10, Safari 5.1 et IE 10 et versions ultérieures prennent en charge l’API native plein écran. Cette API fournit un moyen standardisé de basculer en mode plein écran :

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

Solution ActiveX pour les anciens Internet Explorer

Les anciennes versions d'Internet Explorer nécessitent une approche différente en utilisant ActiveX :

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

Consentement de l'utilisateur et Accessibilité

Notez que le lancement du mode plein écran nécessite le consentement de l'utilisateur. Le déclenchement automatique au chargement de la page n'est pas possible, car cela compromettrait les directives d'accessibilité.

Ressources supplémentaires

Pour plus de détails sur la mise en œuvre du mode plein écran :

• [Développeur Mozilla Réseau](https://developer.mozilla.org/en/DOM/Using_full-screen_mode)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!