Kann ich die Vollbild-API in JSFiddle verwenden?

30

Ich habe die folgende JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ . Die einfache Aufgabe besteht darin, jedes Mal, wenn mit der Vollbild-API auf den Text geklickt wird, vom Vollbild in den Nicht-Vollbildmodus zu wechseln . Dies funktioniert ordnungsgemäß, wenn der gesamte Inhalt auf eine lokale Webseite kopiert wurde und gemäß der hier enthaltenen Dokumentation korrekt ist . Auf JSFiddle passiert jedoch nichts.

Ist es möglich, Beispielcode auf JSFiddle als Vollbild anzuzeigen?

Bitte beachten Sie, dass das Ergebnis nicht als Vollbild angezeigt werden soll, sondern dass die JavaScript-Vollbildbefehle funktionieren.

jsfiddle full-screen

— Brant Olsen
quelle

Vollbild funktioniert nicht mit JSFiddle.

— Roman C

Dies wurde vor einiger Zeit behoben . Wenn Sie heute die Jsfiddle ausprobieren, klicken Sie auf den Text im Textkörper, um ihn im Vollbildmodus anzuzeigen.

— gman

@ gman Ich würde empfehlen, dies in Brants Antwort zu ändern (ich würde vorschlagen, eine andere Antwort zu schreiben, aber ich denke, ihre Antwort enthält einige zusätzliche Informationen, die hilfreich sein könnten)

— jonsca

35

Sie sehen das Ergebnis im Vollbildmodus wie folgt -

http://jsfiddle.net/brantolsen/ejUWt/embedded/result/

Klicken Sie einfach oben auf den Teilen-Button -

Bildbeschreibung hier eingeben

Update: Die Schaltfläche "Teilen" wird überhaupt nicht mehr angezeigt. Sie können immer noch die Vollbildanzeige erhalten, indem Sie embedded/result/das Ende der URL Ihrer Geige manuell hinzufügen

— Bibhas
quelle

Entschuldigung, mir war nicht klar, was ich unter Vollbild verstehe. Ich meinte, dass ich nicht die Javascript-Vollbild-API in jsfiddle zum Laufen bringen konnte, nicht, wie man das Ergebnis als Vollbild ansieht. Trotzdem danke.

— Brant Olsen

1

Verstanden. JsFiddle verwendet iframes, um die Ausgabe anzuzeigen. In der Tat sind alle diese 4 Felder iframes. Es kann also keinen regulären Weg geben, auf dem Sie dies erreichen können.

— Bibhas

2

Beachten Sie, dass diese Schaltfläche "Teilen" erst nach dem einmaligen Speichern der JSFiddle durch Klicken auf die Schaltfläche "Speichern" angezeigt wird.

— Rory O'Kane

8

Ich denke, die Schaltfläche "Teilen" wird überhaupt nicht mehr angezeigt. Sie können immer noch die Vollbildanzeige erhalten, indem Sie embedded/result/das Ende der URL Ihrer Geige manuell hinzufügen .

— Kai Carver

In dieser Frage geht es nicht darum, jsfiddle ohne iframe auszuführen. Es geht um den JavaScript / HTML - Vollbild - API funktioniert nicht in jsfiddle

— gman

8

Verwenden Sie http://fiddle.jshell.net/your-fiddle-id/show/light/zum Beispiel diese Fiddle-URL . Dadurch wird es ohne Frames geöffnet.

— John Henckel
quelle

Funktioniert bei mir nicht: imgur.com/a/Y2VuRPZ

— gman

1

In dieser Frage geht es nicht darum, jsfiddle ohne iframe auszuführen. Es geht um den JavaScript / HTML - Vollbild - API funktioniert nicht in jsfiddle

— gman

3

Habe den Grund gefunden, nachdem ich mit Chrome rumgespielt und Element untersucht habe. Der Ergebniscode wird in einem Iframe abgelegt, der Vollbildbefehle nicht zulässt.

Ich konnte vorübergehend dies umgehen , indem das Hinzufügen mozallowfullscreenund webkitallowfullscreenfand bei https://developer.mozilla.org/en/HTML/Element/iframe , auf die iframe durch die Verwendung von Firebug und Chrome-Debug - Tool.

Es sieht jedoch nicht so aus, als ob Sie mit JSFiddle das anpassen können, in das iframeder Code zu diesem Zeitpunkt eingebunden ist.

— Brant Olsen
quelle

2

Ich denke, die anderen Befragten zu Ihrem Thread haben sich die Iframe-Probleme (Crossdomain-Probleme) angesehen und die Frage ignoriert.

Eine andere großartige JSFiddle-Benutzerin, Jennifer Perrin, hat in ihrem Beitrag "Aktuelle Seiten-URL und Titel mit jQuery abrufen" mehr als die Hälfte Ihrer Frage beantwortet .

Alles, was Sie noch tun müssen, ist, eine Logik auf die zurückgegebene URL anzuwenden und sie in einen funktionalen http://jsfiddle.net/[userid]/[postid]/embedded/result/Link in einem Anker zu verwandeln, der die href so ändert, dass der Vollbildmodus umgeschaltet wird.

— LokizFenrir
quelle

In dieser Frage geht es nicht darum, jsfiddle ohne iframe auszuführen. Es geht um den JavaScript / HTML - Vollbild - API funktioniert nicht in jsfiddle

— gman