Bisakah saya menggunakan Fullscreen API di JSFiddle?

30

Saya memiliki JSFiddle berikut, http://jsfiddle.net/brantolsen/ejUWt/ . Ia melakukan tugas sederhana untuk mengubah dari layar penuh ke non-layar penuh setiap kali tubuh diklik menggunakan API Layar Penuh . Ini berfungsi dengan benar ketika semua konten disalin ke halaman web lokal dan benar sesuai dengan dokumentasi yang ditemukan di sini . Namun, di JSFiddle tidak ada yang terjadi.

Apakah mungkin untuk membuat contoh kode pada layar penuh JSFiddle?

Harap dicatat bahwa saya tidak bermaksud melihat hasilnya sebagai layar penuh, tetapi menjalankan perintah javascript layar penuh.

jsfiddle full-screen Brant Olsen
sumber
Layar penuh tidak berfungsi dari JSFiddle.
Roman C
Ini diperbaiki beberapa waktu lalu . Mencoba jsfiddle hari ini klik teks di badan dan itu akan menjadi layar penuh.
gman
@man, saya merekomendasikan untuk mengeditnya menjadi jawaban Brant (saya sarankan menulis jawaban lain, tetapi saya pikir jawaban mereka mencakup beberapa informasi tambahan yang mungkin membantu)
jonsca

Jawaban:

35

Anda melihat hasilnya di layar penuh seperti ini -

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

Cukup klik tombol bagikan di atas -

masukkan deskripsi gambar di sini

Pembaruan: Tombol "Bagikan" tidak lagi ditampilkan sama sekali. Anda masih bisa mendapatkan tampilan layar penuh dengan menambahkan secara manual embedded/result/ke akhir URL Fiddle Anda

Bibha
sumber
Maaf, saya tidak jelas dengan apa yang saya maksud dengan layar penuh. Maksud saya, saya tidak bisa mendapatkan api layar penuh Javascript untuk bekerja di jsfiddle bukan bagaimana melihat hasilnya sebagai layar penuh. Terima kasih.
Brant Olsen
1
Dimengerti. JsFiddle menggunakan iframe untuk menampilkan keluaran. Faktanya, keempat kotak itu adalah iframe. Jadi, tidak ada cara biasa untuk mencapai hal ini.
Bibhas
2
Perhatikan bahwa tombol "Bagikan" ini tidak muncul sampai setelah Anda menyimpan JSFiddle sekali, dengan mengklik tombol "Simpan".
Rory O'Kane
8
Saya pikir tombol "Bagikan" tidak lagi ditampilkan sama sekali. Anda masih bisa mendapatkan tampilan layar penuh dengan menambahkan secara manual embedded/result/ke akhir URL Fiddle Anda.
Kai Carver
pertanyaan ini bukan tentang menjalankan jsfiddle tanpa iframe. Ini tentang JavaScript / HTML Fullscreen API tidak berfungsi di jsfiddle
gman
8

Gunakan http://fiddle.jshell.net/your-fiddle-id/show/light/misalnya URL biola ini . Ini akan membukanya tanpa bingkai.

John Henckel
sumber
Tidak bekerja untuk saya: imgur.com/a/Y2VuRPZ
gman
1
pertanyaan ini bukan tentang menjalankan jsfiddle tanpa iframe. Ini tentang JavaScript / HTML Fullscreen API tidak berfungsi di jsfiddle
gman
3

Menemukan alasannya setelah bermain-main dengan Chrome dan memeriksa elemen. Kode hasil ditempatkan di dalam iframe yang melarang perintah layar penuh.

Saya dapat sementara waktu mengatasinya dengan menambahkan mozallowfullscreendan webkitallowfullscreen, ditemukan di https://developer.mozilla.org/en/HTML/Element/iframe , ke iframe melalui penggunaan alat pembakar dan alat debug Chrome.

Namun, sepertinya JSFiddle tidak akan memungkinkan Anda untuk menyesuaikan iframekode yang dibungkus saat ini.

Brant Olsen
sumber
2

Saya pikir responden lain di utas Anda melihat masalah iframe (crossdomain) dan mengabaikan pertanyaan itu.

Pengguna JSFiddle lain yang luar biasa, Jennifer Perrin, menjawab lebih dari setengah pertanyaan Anda di posnya "Dapatkan URL halaman saat ini dan judul dengan jQuery" .

Yang tersisa untuk Anda lakukan adalah menerapkan beberapa logika pada URL yang dikembalikan dan membuatnya menjadi http://jsfiddle.net/[userid]/[postid]/embedded/result/tautan fungsional di jangkar yang mengubahnya harus beralih ke layar penuh.

LokizFenrir
sumber
pertanyaan ini bukan tentang menjalankan jsfiddle tanpa iframe. Ini tentang JavaScript / HTML Fullscreen API tidak berfungsi di jsfiddle
gman