Czy mogę korzystać z pełnoekranowego interfejsu API w JSFiddle?

30

Mam następujące JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ . Wykonuje proste zadanie zmiany z pełnego ekranu na niepełny ekran za każdym razem, gdy ciało zostanie kliknięte za pomocą Fullscreen API . Działa to poprawnie, gdy cała zawartość jest kopiowana na lokalną stronę internetową i jest poprawna zgodnie z dokumentacją znajdującą się tutaj . Jednak na JSFiddle nic się nie dzieje.

Czy można ustawić przykładowy kod na JSFiddle na pełny ekran?

Należy pamiętać, że nie mam na myśli wyświetlania wyniku jako pełnego ekranu, ale uruchomienie poleceń pełnoekranowych javascript.

jsfiddle  full-screen 
— Brant Olsen
źródło
Pełny ekran nie działa z JSFiddle.
— Roman C
Zostało to naprawione jakiś czas temu . Wypróbuj jsfiddle dzisiaj kliknij tekst w treści, a przejdzie w tryb pełnoekranowy.
— gman
@gman Polecam edycję tego w odpowiedzi Branta (sugerowałbym napisanie innej odpowiedzi, ale myślę, że ich odpowiedź zawiera dodatkowe informacje, które mogą być pomocne)
— jonsca

Odpowiedzi:

35

Możesz wyświetlić wynik na pełnym ekranie w ten sposób -

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

Po prostu kliknij przycisk udostępniania u góry -

wprowadź opis zdjęcia tutaj

Aktualizacja: przycisk „Udostępnij” nie jest już w ogóle wyświetlany. Nadal możesz uzyskać wyświetlanie na pełnym ekranie, ręcznie dodając embedded/result/na końcu adresu URL swojego Fiddle'a

— Bibhas
źródło
Przepraszam, nie byłem pewien, co mam na myśli przez pełny ekran. Miałem na myśli, że nie mogłem uruchomić pełnoekranowego interfejsu JavaScript w jsfiddle, a nie jak wyświetlić wynik jako pełny ekran. W każdym razie dzięki.
— Brant Olsen,
1
Zrozumiany. JsFiddle używa ramek iframe do wyświetlania danych wyjściowych. W rzeczywistości wszystkie te 4 pola są ramkami iframe. Tak więc nie może być zwykłego sposobu na osiągnięcie tego.
— Bibhas,
2
Pamiętaj, że ten przycisk „Udostępnij” pojawia się dopiero po jednokrotnym zapisaniu JSFiddle po kliknięciu przycisku „Zapisz”.
— Rory O'Kane
8
Myślę, że przycisk „Udostępnij” w ogóle nie jest już wyświetlany. Nadal możesz uzyskać wyświetlanie na pełnym ekranie, ręcznie dodając embedded/result/na końcu adresu URL swojego Fiddle'a.
— Kai Carver,
w tym pytaniu nie chodzi o uruchomienie jsfiddle bez elementu iframe. Chodzi o to, że JavaScript / HTML Fullscreen API nie działa w jsfiddle
— gman
3

Znalazłem przyczynę po zabawie z Chrome i sprawdzeniu elementu. Kod wynikowy jest umieszczony w ramce iframe, która uniemożliwia wykonywanie poleceń na pełnym ekranie.

Byłem w stanie tymczasowo obejść ten problem, dodając mozallowfullscreeni webkitallowfullscreen, znajdujący się na https://developer.mozilla.org/en/HTML/Element/iframe , do iframe za pomocą firebuga i narzędzi do debugowania Chrome.

Jednak nie wygląda na to, że JSFiddle pozwoli ci dostosować, w iframejakim momencie kod jest zawijany.

— Brant Olsen
źródło
2

Myślę, że inni respondenci Twojego wątku spojrzeli na problemy z ramką iframe (crossdomain) i zignorowali to pytanie.

Inna wspaniała użytkownikka JSFiddle, Jennifer Perrin, odpowiedziała na ponad połowę twojego pytania w swoim poście „Uzyskaj bieżący URL strony i tytuł za pomocą jQuery” .

Pozostaje Ci tylko zastosować logikę do zwróconego adresu URL i przekształcić go w funkcjonalny http://jsfiddle.net/[userid]/[postid]/embedded/result/link w kotwicy, który zmienia jego wartość, aby przełączać pełny ekran.

— LokizFenrir
źródło
w tym pytaniu nie chodzi o uruchomienie jsfiddle bez elementu iframe. Chodzi o to, że JavaScript / HTML Fullscreen API nie działa w jsfiddle
— gman
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.