jsFiddle - जानवर किस तरह का है?

हाल ही में, क्रोम वेब स्टोर में, मैं jsFiddle एप्लीकेशन, ब्रिटिश प्रोग्रामर पियोटर ज़ेलेवा उर्फ @zalun द्वारा एक परियोजना के लिए आया था। वास्तव में, यह वेब प्रोग्रामर के लिए एक और सैंडबॉक्स है, लेकिन जब मैं "अगला" कहता हूं, तो मेरा मतलब "किसी के लिए बेकार नहीं है।" मैं उस समय की प्रतीक्षा कर रहा हूं जब WYSIWYG ऐसे सैंडबॉक्स की जगह लेगा, और ऐसा लगता है कि यह इंतजार कर रहा है।





JsField कार्यक्षेत्र को चार भागों में विभाजित किया गया है, जिसके आयामों को बदला जा सकता है (लो और निहारना, फ्रेम नहीं)। इस प्रकार के सभी अनुप्रयोगों में, अलग से HTML कोड, अलग से JavaSript, अलग से CSS लिखें। परिणाम आईफ्रेम में है, जिसके कोड को देखकर, मुझे यकीन हो गया: आवेदन में अतिरिक्त कुछ भी नहीं है, कोई कॉपीराइट और अन्य बैसाखी नहीं है। सिंटेक्स हाइलाइटिंग हर जगह है। सामान्य तौर पर, ऐसा लगता है कि लेखक "एक ला आईबीएम ग्रहण" के रूप में कई सुविधाएँ बनाने की कोशिश कर रहा था।



उसने कुछ भी ठीक नहीं किया, जिससे एप्लिकेशन को मेरे कोड को अपने तरीके से प्रबंधित करने की अनुमति मिली। जैसा कि आप देख सकते हैं, इंडेंटेशन बहुत ही लंगड़ा है (jsFiddle भी उन्हें डालता है, यह उन्हें स्वचालित रूप से सेट करने की कोशिश करता है)। और यह कोषेर टैब नहीं है, लेकिन खराब चक्रीय रिक्त स्थान है। हमने समापन टैग के बारे में लंबे समय तक आवेदन के साथ शपथ ली, जो किसी कारण से दाईं ओर शिफ्ट करने का निर्णय लिया।



CSS मार्कअप के साथ, सब कुछ सुचारू है: आपको स्क्रीन पर बिल्कुल भी नहीं देखना है।

अब, वास्तव में, उन विशेषताओं के लिए जो एनालॉग्स से jsFiddle को अलग करती हैं। सबसे पहले, यह जावास्क्रिप्ट पुस्तकालयों में प्लग-इन का चयन करने की क्षमता है। सूची में Mootools, jQuery, प्रोटोटाइप, YUI, Glow, Dojo, राफेल, आदि हैं। आप लाइब्रेरी संस्करण का चयन कर सकते हैं, साथ ही कनेक्शन विधि: लाइब्रेरी को हेडलैड या ऑनडोमैडी इवेंट द्वारा लोड किए गए सिर, शरीर में वर्णित किया जा सकता है। लाइब्रेरी विशेषताओं के लिए एक क्षेत्र है, साथ ही साथ कुछ सेटिंग्स भी हैं।



स्वाभाविक रूप से, आप अपनी जेएस फाइल कनेक्ट कर सकते हैं, दोनों html संपादन का उपयोग कर, और एक विशेष क्षेत्र का उपयोग कर। मेटा टैग के साथ किसी तरह का काम है (आप और अधिक कर सकते हैं!)। सच है, वहाँ एक संभावना है, जो, हालांकि क्षुद्र, ने मुझे व्यक्तिगत रूप से खुश कर दिया: एचटीएमएल मानक का विकल्प (हाँ, एचटीएमएल है)। अजाक्स अनुरोधों के परीक्षण के लिए JsFiddle के पास विशेष Api है:



वास्तव में, यह भी बहुत उपयोगी है, क्योंकि AJAX क्रॉस-डोमेन नहीं है, लेकिन आपको इसे किसी तरह परीक्षण करने की आवश्यकता है।

JsFiddle के साथ काम करने के उदाहरण jsFiddle में ही हैं। इसके अलावा, उनमें से बहुत सारे हैं और वे, मुझे ऐसा लगता है, बहुत ही शिक्षाप्रद हैं। सच है, वे जादू की तरह दिखते हैं। यह कैनवस के साथ काम करने को दर्शाता है:



और यह एक (इस तरह!) JQuery के ट्वीटर है:



आप जल्दी से महसूस करते हैं कि शब्द jsFiddle में js आकस्मिक नहीं है। आवेदन वास्तव में सिर्फ एक जावास्क्रिप्ट सैंडबॉक्स है, जिसका उपयोग WYSIWYG के विपरीत किया जा सकता है। कोई फर्क नहीं पड़ता कि मैं कैसा दिखता हूं, क्रोम वेब स्टोर में अच्छे एनालॉग नहीं हैं। तो, पायोत्र , साथ ही एक और प्रोग्रामर के लिए धन्यवाद: ओस्कर क्रॉसिक उर्फ @ ऑस्कर ।

jsFiddle - क्रोम वेब स्टोर

अरे हाँ, यह एक स्टेटलेस प्रोजेक्ट है, इसलिए साइट पर आपका स्वागत है।

@unnx