ฉันสามารถใช้ Fullscreen API ใน JSFiddle ได้หรือไม่

30

ฉันมี JSFiddle ต่อไปนี้http://jsfiddle.net/brantolsen/ejUWt/ มันจะเป็นงานที่เรียบง่ายของการเปลี่ยนจากแบบเต็มหน้าจอที่ไม่เต็มหน้าจอทุกครั้งที่ร่างกายมีการคลิกโดยใช้Fullscreen API นี้ทำงานได้อย่างถูกต้องเมื่อเนื้อหาทั้งหมดจะถูกคัดลอกลงในหน้าเว็บของท้องถิ่นและถูกต้องตามเอกสารพบได้ที่นี่ อย่างไรก็ตามใน JSFiddle ไม่มีอะไรเกิดขึ้น

เป็นไปได้ที่จะทำให้รหัสตัวอย่างใน JSFiddle ไปเต็มหน้าจอ?

โปรดทราบว่าฉันไม่ได้หมายถึงการดูผลลัพธ์เป็นแบบเต็มหน้าจอ แต่ทำให้คำสั่ง javascript แบบเต็มหน้าจอทำงานได้

jsfiddle full-screen

— ตัวผู้โอลเซ่น
แหล่งที่มา

เต็มหน้าจอไม่ทำงานจาก JSFiddle

— Roman C

สิ่งนี้ได้รับการแก้ไขเมื่อไม่นานมานี้ ลองjsfiddleวันนี้คลิกที่ข้อความในเนื้อหาและมันจะไปเต็มหน้าจอ

— gman

@gman ฉันขอแนะนำให้แก้ไขที่เป็นคำตอบของ Brant (ฉันขอแนะนำให้เขียนคำตอบอื่น แต่ฉันคิดว่าคำตอบของพวกเขามีข้อมูลเพิ่มเติมที่อาจเป็นประโยชน์)

— jonsca

35

คุณดูผลลัพธ์แบบเต็มหน้าจอเช่นนี้ -

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

เพียงคลิกปุ่มแชร์ที่ด้านบน -

ป้อนคำอธิบายรูปภาพที่นี่

อัปเดต: ปุ่ม "แบ่งปัน" จะไม่ปรากฏอีกต่อไป คุณยังสามารถรับการแสดงผลแบบเต็มหน้าจอได้ด้วยการเพิ่มembedded/result/ไปที่ท้าย URL ของซอของคุณ

— Bibhas
แหล่งที่มา

ขออภัยฉันไม่ชัดเจนกับสิ่งที่ฉันหมายถึงแบบเต็มหน้าจอ ฉันหมายความว่าฉันไม่สามารถรับ API แบบเต็มหน้าจอ Javascript ให้ทำงานใน jsfiddle ไม่ใช่วิธีดูผลลัพธ์แบบเต็มหน้าจอ ขอบคุณมาก

— ตัวผู้โอลเซ่น

1

เข้าใจ JsFiddle ใช้ iframes เพื่อแสดงเอาต์พุต ที่จริงแล้วกล่องทั้ง 4 กล่องนั้นเป็น iframes ดังนั้นจึงไม่มีวิธีปกติที่คุณจะประสบความสำเร็จได้

— Bibhas

2

โปรดทราบว่าปุ่ม "แชร์" นี้จะไม่ปรากฏขึ้นจนกว่าคุณจะบันทึก JSFiddle หนึ่งครั้งโดยคลิกที่ปุ่ม "บันทึก"

— Rory O'Kane

8

ฉันคิดว่าปุ่ม "แชร์" จะไม่ปรากฏอีกต่อไป คุณยังสามารถรับการแสดงผลแบบเต็มหน้าจอได้ด้วยการเพิ่มembedded/result/ไปที่ท้าย URL ของซอของคุณ

— Kai Carver

Quesiton นี้ไม่เกี่ยวกับการรัน jsfiddle โดยไม่มี iframe มันเกี่ยวกับJavaScript / HTML Fullscreen APIไม่ทำงานใน jsfiddle

— gman

8

ใช้http://fiddle.jshell.net/your-fiddle-id/show/light/ตัวอย่างซอ URLนี้ จะเป็นการเปิดโดยไม่มีเฟรมใด ๆ

— John Henckel
แหล่งที่มา

ใช้งานไม่ได้สำหรับฉัน: imgur.com/a/Y2VuRPZ

— gman

1

Quesiton นี้ไม่เกี่ยวกับการรัน jsfiddle โดยไม่มี iframe มันเกี่ยวกับJavaScript / HTML Fullscreen APIไม่ทำงานใน jsfiddle

— gman

3

ค้นพบเหตุผลหลังจากเล่นกับ Chrome และตรวจสอบองค์ประกอบ รหัสผลลัพธ์จะอยู่ใน iframe ซึ่งไม่สามารถใช้คำสั่งเต็มหน้าจอได้

ฉันสามารถแก้ไขได้ชั่วคราวโดยการเพิ่มmozallowfullscreenและwebkitallowfullscreenพบได้ที่https://developer.mozilla.org/en/HTML/Element/iframeเพื่อ iframe ผ่านการใช้ firebug และเครื่องมือดีบักของ Chrome

อย่างไรก็ตามดูเหมือนว่า JSFiddle จะไม่อนุญาตให้คุณปรับแต่งiframeโค้ดที่ถูกตัดคำในตอนนี้

— ตัวผู้โอลเซ่น
แหล่งที่มา

2

ฉันคิดว่าผู้ตอบแบบสอบถามคนอื่น ๆ ของคุณดูที่ปัญหา iframe (crossdomain) และไม่สนใจคำถาม

ผู้ใช้ JSFiddle ที่ยอดเยี่ยมอีกคนเจนนิเฟอร์เพอร์รินตอบคำถามของคุณมากกว่าครึ่งในโพสต์ของเธอ"รับ URL ของหน้าปัจจุบันและชื่อพร้อม jQuery"jQuery"

สิ่งที่คุณต้องทำคือการใช้ตรรกะบางอย่างกับ URL ที่ส่งคืนและกำหนดให้เป็นhttp://jsfiddle.net/[userid]/[postid]/embedded/result/ลิงก์ที่ใช้งานได้ในจุดยึดที่เปลี่ยนเป็น href เพื่อสลับหน้าจอแบบเต็ม

— LokizFenrir
แหล่งที่มา

Quesiton นี้ไม่เกี่ยวกับการรัน jsfiddle โดยไม่มี iframe มันเกี่ยวกับJavaScript / HTML Fullscreen APIไม่ทำงานใน jsfiddle

— gman