Tam Ekran API'sini JSFiddle'da kullanabilir miyim?

30

Aşağıdaki JSFiddle’a sahibim, http://jsfiddle.net/brantolsen/ejUWt/ . Tüm ekran Tam Ekran API'sini kullanarak her tıklandığında, tam ekrandan tam olmayan ekrana geçmek için basit bir işlem yapar . Bu, tüm içerik yerel bir web sayfasına kopyalandığında ve burada bulunan belgelere göre doğru olduğunda doğru çalışır . Ancak, JSFiddle'da hiçbir şey olmuyor.

JSFiddle örnek kodunu tam ekran yapmak mümkün mü?

Lütfen sonucu tam ekran olarak görüntülemek istemediğimi, ancak tam ekran komutları javascript'i çalıştırmayı kastettiğimi unutmayın.

jsfiddle full-screen

— Brant Olsen
kaynak

Tam ekran JSFiddle'dan çalışmıyor.

— Roman C

Bu bir süre önce düzeltildi . Jsfiddle'ı bugün denemek bedenindeki metni tıklar ve tam ekrana geçilir .

— gman

@gman, bunu Brant'ın cevabına düzenlemenizi tavsiye ederim (başka bir cevap yazmanızı öneririm, ancak cevaplarının yardımcı olabilecek bazı ek bilgiler içerdiğini düşünüyorum)

— jonsca

35

Sonucu tam ekranda şöyle görüntülersiniz -

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

En üstteki paylaş düğmesini tıklamanız yeterlidir -

görüntü tanımını buraya girin

Güncelleme: "Paylaş" düğmesi artık görüntülenmiyor. embedded/result/Fiddle’ınızın URL’sinin sonuna manuel olarak ekleyerek hala tam ekran görüntü alabilirsiniz.

— Bibhas
kaynak

Üzgünüm, tam ekrandan neyi kastediyordum? Ben Javascript tam ekran api jsfiddle çalışmak için sonuç tam ekran olarak görüntülemek değil, demek istedim demek istedim. Yine de teşekkürler.

— Brant Olsen

1

Anladım. JsFiddle, çıktı göstermek için iframe'leri kullanır. Aslında, tüm bu 4 kutu iframe'dir. Yani, bunu başarabilmeniz için düzenli bir yol olamaz.

— Bibhas

2

Bu "Paylaş" düğmesinin, "Kaydet" düğmesini tıklatarak JSFiddle'ı bir kez kaydettikten sonra görünmediğini unutmayın.

— Rory O'Kane

8

Sanırım "Paylaş" düğmesi artık görüntülenmiyor. embedded/result/Fiddle’ınızın URL’sinin sonuna manuel olarak ekleyerek hala tam ekran görüntü alabilirsiniz .

— Kai Carver,

bu soru jsfiddle'ı iframe olmadan çalıştırmakla ilgili değil. Bu JavaScript / HTML hakkında Tam Ekran API'si jsfiddle'da çalışmıyor

— gman

8

http://fiddle.jshell.net/your-fiddle-id/show/light/Örneğin bu keman URL'sini kullanın . Bu herhangi bir çerçeve olmadan açılacaktır.

— John Henckel
kaynak

Benim için çalışmıyor: imgur.com/a/Y2VuRPZ

— gman

1

bu soru jsfiddle'ı iframe olmadan çalıştırmakla ilgili değil. Bu JavaScript / HTML hakkında Tam Ekran API'si jsfiddle'da çalışmıyor

— gman

3

Chrome ile uğraşırken nedenini bulup öğeyi kontrol et. Sonuç kodu, tam ekran komutlarına izin vermeyen bir iframe'in içine yerleştirilir.

Firebug ve Chrome'un hata ayıklama araçlarını kullanarak iframe için https://developer.mozilla.org/en/HTML/Element/iframe adresinde bulunan mozallowfullscreenve ekleyerek bu sorunu geçici olarak çözebildim.webkitallowfullscreen

Bununla birlikte, JSFiddle iframe, kodun şu anda paketlendiğini özelleştirmenize izin verecek gibi görünmüyor .

— Brant Olsen
kaynak

2

İş parçanıza diğer cevap verenler iframe (crossdomain) sorunlarına baktılar ve soruyu görmezden geldiler.

Bir başka harika JSFiddle kullanıcısı olan Jennifer Perrin, "Geçerli sayfa URL'sini ve jQuery ile unvanı al" yazısında sorunuzun yarısından fazlasını yanıtladı .

Tek yapmanız gereken geri dönen URL'ye bir mantık uygulamak ve onu http://jsfiddle.net/[userid]/[postid]/embedded/result/tam ekrana geçmenin hrefini değiştiren bir çapadaki işlevsel bir bağlantıya dönüştürmektir .

— LokizFenrir
kaynak

bu soru jsfiddle'ı iframe olmadan çalıştırmakla ilgili değil. Yaklaşık var JavaScript / HTML Tam Ekran API jsfiddle'da çalışmıyor

— gman