So erkennen Sie, ob der Benutzer den Vollbildmodus im Browser aktiviert hat

7

Wird ein JavaScript-Ereignis ausgelöst, wenn der Benutzer den Vollbildmodus in Chrome oder FireFox aktiviert?

Ich habe eine WebGL-Anwendung mit Leinwandbreite und -höhe, die auf eine bestimmte Größe eingestellt ist, und ich möchte diese Größe unter anderem ändern, wenn der Benutzer den Vollbildmodus aktiviert. Wenn es kein solches Ereignis gibt, sollte ich nach Möglichkeiten suchen, um das Browserfenster mit Canvas zu füllen, obwohl es Dinge beim Debuggen verkompliziert?

    
Zharktas 11.04.2011, 07:12
quelle

5 Antworten

8

Sie können die Bildschirmbreite mit der Browserbreite oder -höhe vergleichen.

%Vor%

EDIT: Seien Sie vorsichtig in Chrome, wenn der Benutzer Download-Manager, übersetzen bar oder Element inperper öffnen die Höhe ist anders als der Bildschirm.

    
DoubleYo 11.04.2011, 07:21
quelle
5

Sie können document.mozFullScreen und document.webkitIsFullScreen wie folgt verwenden:

%Vor%     
PBN 26.11.2012 05:02
quelle
4

Ich habe den Test auf verschiedenen Browsern (IE9, Chrome, FireFox, Opera und Safari) durchgeführt, diese Funktion funktioniert.

%Vor%     
babyromeo 17.12.2012 05:23
quelle
2

Ich erstelle ein neues Ereignis, das ausgelöst wird, wenn der Browser in den Vollbildmodus und zurück geht (über F11 oder HTML5 Fullscreen API).

%Vor%

Verwendung mit JavaScript

%Vor%

oder jQuery

%Vor%     
Matěj Pokorný 04.07.2013 12:16
quelle
1

Nach viel Suchen und Frustration ist dies die beste Methode, die ich gefunden habe:

%Vor%

Oder wenn Sie den ternären Operator nicht verwenden möchten:

%Vor%     
apaul 28.01.2014 20:58
quelle