HTML पूर्वावलोकन
लाइव पूर्वावलोकन के साथ HTML, CSS, और JavaScript संपादित करें। तीन-पैनल एडिटर, सैंडबॉक्स्ड iframe, साइनअप नहीं। मुफ्त, ब्राउज़र में चलता है।
संदर्भ
HTML पूर्वावलोकन कैसे काम करता है?
यह टूल आपके HTML, CSS, और JavaScript को srcdoc के माध्यम से सैंडबॉक्स्ड iframe में चलाता है। iframe में sandbox विशेषता स्क्रिप्ट्स की अनुमति देने के लिए सेट की गई है लेकिन शीर्ष-स्तरीय नेविगेशन, फ़ॉर्म सबमिशन, और आपके ऑरिजिन की कुकीज़ तक पहुँच ब्लॉक करती है — इसलिए आपके द्वारा पेस्ट किया गया कोई भी कोड शेष पृष्ठ से अलग चलता है। स्वतः-चलाएँ हर कीस्ट्रोक पर iframe को पुनर्निर्मित करता है (debounced)।
सामान्य उपयोग
- त्वरित प्रोटोटाइपिंग — प्रोजेक्ट खड़ा किए बिना HTML/CSS विचार आज़माएँ।
- शिक्षण — छात्रों के साथ इंटरैक्टिव उदाहरण साझा करें।
- कोड नमूने — Stack Overflow स्निपेट्स को अलगाव में रेंडर करें।
- डिबगिंग — न्यूनतम संदर्भ में बग को पुन: उत्पन्न करें।
गोपनीयता
सारा कोड 100% आपके ब्राउज़र में सैंडबॉक्स्ड iframe के अंदर चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।