Détecter si un navigateur est en mode plein écran

Question

Existe-t-il un moyen de détecter de manière fiable si un navigateur fonctionne en mode plein écran? Je suis à peu près sûr qu'il n'y a pas d'API de navigateur sur laquelle je puisse effectuer une requête, mais quelqu'un a-t-il trouvé une solution en inspectant et en comparant certaines mesures de hauteur / largeur exposées par le DOM? Même si cela ne fonctionne que pour certains navigateurs, cela m'intéresse.

Answer 1

Chrome 15, Firefox 10 et Safari 5.1 fournissent désormais des API permettant de déclencher par programmation le mode plein écran. Le mode plein écran déclenché de cette manière fournit des événements pour détecter les modifications en plein écran et des pseudo-classes CSS pour le style des éléments en plein écran.

Voir ce billet de blog hacks.mozilla.org pour plus de détails.

Answer 2

Qu'en est-il de déterminer la distance entre la largeur de la fenêtre d'affichage et la largeur de résolution, ainsi que la hauteur. S'il s'agit d'une petite quantité de pixels (surtout pour la hauteur), il se peut que ce soit en plein écran.

Cependant, cela ne sera jamais fiable.

Answer 3

Firefox 3+ fournit une propriété non standard sur l'objet window qui indique si le navigateur est en mode plein écran ou non: window.fullScreen .

Answer 4

Pour Safari sur iOS peut utiliser:

 if (window.navigator.standalone) {
  alert("Full Screen");
}
 

Plus: http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html