क्या मैं JSFiddle में फुलस्क्रीन एपीआई का उपयोग कर सकता हूं?


30

मेरे पास निम्नलिखित JSFiddle, http://jsfiddle.net/brantolsen/ejUWt/ है । यह फुल स्क्रीन से गैर-पूर्ण स्क्रीन में बदलने का सरल कार्य करता है, जब भी फुलस्क्रीन एपीआई का उपयोग करके शरीर को क्लिक किया जाता है । यह तब सही ढंग से काम करता है जब सभी सामग्री को स्थानीय वेब पेज में कॉपी किया जाता है और यहां पाए गए दस्तावेज के अनुसार सही होता है । हालाँकि, JSField पर कुछ भी नहीं होता है।

क्या JSFiddle पर पूर्ण स्क्रीन पर उदाहरण कोड बनाना संभव है?

कृपया ध्यान दें कि मुझे परिणाम को पूर्ण स्क्रीन के रूप में देखने का मतलब नहीं है, लेकिन जावास्क्रिप्ट को पूर्ण स्क्रीन कमांड प्राप्त करना काम कर रहा है।


पूर्ण स्क्रीन JSFiddle से काम नहीं करता है।
रोमन सी

यह कुछ समय पहले तय किया गया थाJsfiddle आज कोशिश शरीर में पाठ पर क्लिक करें और यह पूर्ण स्क्रीन जाएगा।
जमन

@gman मैं संपादन कि Brant के जवाब में की सलाह देते हैं (मैं एक और जवाब लिख करने का सुझाव देते हैं, लेकिन मैं उनके जवाब कुछ अतिरिक्त जानकारी है कि उपयोगी हो सकता है शामिल है लगता है)
jonsca

जवाबों:


35

आप परिणाम को पूर्ण स्क्रीन पर इस तरह देखें -

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

बस शीर्ष पर शेयर बटन पर क्लिक करें -

यहां छवि विवरण दर्ज करें

अद्यतन: "शेयर" बटन अब बिल्कुल भी प्रदर्शित नहीं होता है। आप अभी भी embedded/result/अपने फिडेल के URL के अंत में मैन्युअल रूप से जोड़कर पूर्ण स्क्रीन डिस्प्ले प्राप्त कर सकते हैं


क्षमा करें, मैं स्पष्ट नहीं था कि मुझे पूर्ण स्क्रीन से क्या मतलब है। मेरा मतलब था कि मुझे jsfield में काम करने के लिए जावास्क्रिप्ट फुल स्क्रीन एपी नहीं मिल सकती थी, परिणाम को फुल स्क्रीन के रूप में नहीं देखा जा सकता। फिर भी धन्यवाद।
ब्रैंट ऑलसेन

1
समझ लिया। JsFiddle आउटपुट दिखाने के लिए iframes का उपयोग करता है। वास्तव में, वे सभी 4 बॉक्स iframes हैं। तो, कोई नियमित तरीका नहीं हो सकता है जिसमें आप इसे हासिल कर सकें।
बिभास

2
ध्यान दें कि यह "शेयर" बटन तब तक दिखाई नहीं देता जब तक कि आप "सेव" बटन पर क्लिक करके JSFiddle को एक बार सेव नहीं करते।
रोरी ओ'केन जूल

8
मुझे लगता है कि "शेयर" बटन अब बिल्कुल भी प्रदर्शित नहीं होता है। आप अभी भी embedded/result/अपने फिडेल के URL के अंत में मैन्युअल रूप से जोड़कर पूर्ण स्क्रीन डिस्प्ले प्राप्त कर सकते हैं ।
काई कार्वर

इस quesiton एक iframe के बिना jsfiddle को चलाने के बारे में नहीं है। यह जावास्क्रिप्ट / HTML फुलस्क्रीन एपीआई के बारे में jsfiddle में काम नहीं कर रहा है
gman

8

http://fiddle.jshell.net/your-fiddle-id/show/light/उदाहरण के लिए इस फिडेल URL का उपयोग करें । यह बिना किसी फ्रेम के इसे खोलेगा।


मेरे लिए काम नहीं करता है: imgur.com/a/Y2VuRPZ
gman

1
इस quesiton एक iframe के बिना jsfiddle को चलाने के बारे में नहीं है। यह जावास्क्रिप्ट / HTML फुलस्क्रीन एपीआई के बारे में jsfiddle में काम नहीं कर रहा है
gman

3

क्रोम के साथ खेलने और तत्व का निरीक्षण करने के बाद कारण मिला। परिणाम कोड एक iframe के अंदर रखा गया है, जो पूर्ण स्क्रीन आदेशों को अस्वीकार करता है।

मैं फायरबग और क्रोम के डीबग टूल के उपयोग के माध्यम से, अस्थायी रूप से https://developer.mozilla.org/en/HTML/Element/iframe पर पाया गया , जो कि iframe में पाया जा सकता है mozallowfullscreenऔर इसके आसपास काम कर सकता है ।webkitallowfullscreen

हालांकि, ऐसा नहीं लगता है कि JSFiddle आपको iframeइस समय कोड को लपेटने के लिए अनुकूलित करने की अनुमति देगा ।


2

मुझे लगता है कि आपके सूत्र के अन्य उत्तरदाताओं ने iframe (क्रॉसडोमेन) के मुद्दों को देखा और प्रश्न को अनदेखा किया।

एक और भयानक JSFiddle उपयोगकर्ता, जेनिफर पेरिन ने अपने पोस्ट में आधे से अधिक सवाल का जवाब दिया "वर्तमान पृष्ठ URL और शीर्षक jQuery के साथ प्राप्त करें"

आपके पास जो कुछ करने के लिए शेष है, वह लौटे हुए URL पर कुछ तर्क लागू करना है और इसे http://jsfiddle.net/[userid]/[postid]/embedded/result/एक एंकर में एक कार्यात्मक लिंक में फैशन करना है जो पूर्ण स्क्रीन को टॉगल करने के लिए इसे बदल देता है।


इस quesiton एक iframe के बिना jsfiddle को चलाने के बारे में नहीं है। यह जावास्क्रिप्ट / HTML फुलस्क्रीन एपीआई के बारे में jsfiddle में काम नहीं कर रहा है
gman
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.