Wie funktioniert Facebook Vollbild mit Javascript?

Question

In Verbindung stehend onclick go full screen und How to implement exact full-screen in javascript?.

Facebook hat vor kurzem hinzugefügt, die hochauflösende Bildansicht Feature:

Als ich es angeklickt, mein Browser geht Vollbildmodus:

Dies ist eine native Browser voll Bildschirm ähnlich wie F11.

Ich möchte diese Funktion für eine lokale Webanwendung implementieren, die nur intern verwendet wird, damit kein zufälliger Benutzer durch den Vollbild-Effekt irritiert wird.

Weiß jemand, wie man das macht? Oder alternativ, wo ich Code bekommen kann, um dies zu implementieren, mit der Erklärung, wie es funktioniert?

Answer 1

dies ist eine neue API von HTML5 angeboten, so dass nur wenige Browser es im Moment unterstützen ...

Sie

EDIT MDN für einige grundlegende Erläuterungen und Beispiele überprüfen: wert zu erwähnen> Unterschied zwischen Gecko und WebKit: Gecko fügt dem Element automatisch CSS-Regeln hinzu, um es auf den Bildschirm zu strecken: "Breite: 100%; Höhe: 100%"

EDIT 2: unterstützende Browser sind nur Firefox (seit 10) und Chrome (Ich denke sehr früh nicht ganz sicher, wann sie es voll unterstützt haben) ... wie es experimentell ist brauchst du t er Verkäufer Präfixe ...

EDIT 3: Link zu "lebenden" spec

EDIT 4: Bezug auf IE-Unterstützung: 11/15/2011 Ted Johnson von IEBlog sagt, dass das IE10-Team noch nicht entschieden hat, ob Implementieren Sie die FullScreen-API. Er stellt jedoch fest, dass "Windows 8 Metro Stil Internet Explorer immer Vollbild ist ... und wie zuvor, F11 Vollbildmodus in Desktop-Versionen von IE."

EDIT 5: can I use - eine andere nette Tabelle zeigt, dass in der neuesten Safari auch verfügbar ... Ob Opera unterstützt es in Version 12 ist noch unbekannt

Answer 2

Es gibt eine neue HTML5 Full Screen API.

Hier ist eine Demo-Seite davon.

http://html5-demos.appspot.com/static/fullscreen.html