इस टूल के बारे में
कोड प्लेग्राउंड किसी विचार को आज़माने का सबसे तेज़ तरीका है: कोई प्रोजेक्ट सेट-अप नहीं, कोई बिल्ड स्टेप नहीं, कोई सर्वर नहीं। तीन पैनलों में HTML, CSS और JavaScript टाइप करें और टाइप करना रुकते ही प्रीव्यू फिर से रेंडर हो जाता है। यह Stack Overflow के किसी snippet को परखने, किसी कंपोनेंट का प्रोटोटाइप बनाने, या यह सिखाने के लिए बढ़िया है कि थोड़ा कोड कैसे व्यवहार करता है।
सब कुछ आपके ब्राउज़र के अंदर एक sandbox iframe में लोकल रूप से चलता है — आपका कोड कभी कहीं अपलोड नहीं होता। जब आपको कुछ पसंद आए, तो उसे एक स्वयं-निहित .html फ़ाइल के रूप में डाउनलोड करें, जिसे आप कहीं भी खोल सकते हैं या किसी प्रोजेक्ट में डाल सकते हैं।
अक्सर पूछे जाने वाले प्रश्न
क्या मेरा HTML/CSS/JS सर्वर पर चलता है?
नहीं। सब कुछ आपके ब्राउज़र के अंदर एक सैंडबॉक्स्ड iframe में चलता है — कोई सर्वर-साइड एक्ज़ीक्यूशन नहीं होता, इसलिए आपका लिखा कुछ भी कहीं नहीं भेजा जाता।
क्या प्रीव्यू iframe में प्रयोग करना सुरक्षित है?
हाँ। प्रीव्यू sandbox="allow-scripts allow-modals" के साथ चलती है, इसलिए यह पैरेंट पेज तक नहीं पहुँच सकती, कुकीज़ नहीं पढ़ सकती, या टॉप-लेवल विंडो को नेविगेट नहीं कर सकती — यह साइट के बाकी हिस्से से अलग-थलग है।
क्या मेरा कोड अपने आप सेव होता है?
हाँ। टाइप करना बंद करने के लगभग 300 मिलीसेकंड बाद HTML, CSS और JS इस ब्राउज़र के लोकल स्टोरेज में सेव हो जाते हैं, और अगली बार यहाँ प्लेग्राउंड खोलने पर अपने आप वापस आ जाते हैं।
क्या मैं CDN से बाहरी लाइब्रेरी इस्तेमाल कर सकता हूँ?
आप HTML पैनल में सीधे <script src="https://..."> टैग जोड़कर CDN-होस्टेड लाइब्रेरी ला सकते हैं, पर npm/बंडलर सपोर्ट नहीं है — सिर्फ़ वही चलेगा जो एक सामान्य <script> टैग लोड कर सकता है।
क्या मैं अपना प्लेग्राउंड एक स्टैंडअलोन फ़ाइल के रूप में सेव कर सकता हूँ?
हाँ। डाउनलोड करने पर आपका मौजूदा HTML, CSS और JS एक ही .html फ़ाइल में इनलाइन <style> और <script> टैग के साथ बंडल हो जाता है, जो बिना किसी सर्वर के किसी भी ब्राउज़र में सही तरीक़े से खुलता है।