पूर्वावलोकन

Browser-local workspace में HTML, CSS और JavaScript preview करें, फिर उन्हें parent ComUtil page से isolated sandboxed iframe में render करें।

HTML पूर्वावलोकन क्या है?

HTML preview आपको raw HTML, CSS और JavaScript को साथ में test करने के लिए browser-first workspace देता है। यह तब उपयोगी है जब आपको भारी local project setup में जाए बिना UI ideas prototype करने, layout behavior verify करने, या markup issues जल्दी troubleshoot करने हों।

यह कैसे काम करता है

Editor आपके draft को browser में locally store करता है, फिर isolated origin वाले sandboxed iframe में लिखकर preview refresh करता है। Scripts उस preview के अंदर चल सकते हैं, लेकिन sandbox उन्हें parent ComUtil page से अलग रखता है, और dedicated tab path भी वही boundary बनाए रखता है।

सामान्य उपयोग के मामले
  • HTML/CSS सीखना और अभ्यास करना
  • UI घटकों का प्रोटोटाइप बनाना
  • रिस्पॉन्सिव डिज़ाइन का परीक्षण करना
  • CSS लेआउट समस्याओं को डिबग करना
  • Share करने से पहले isolated HTML snippets जांचें
विशेषताएं
  • टाइप करते समय sandboxed preview
  • पूर्ण HTML/CSS/JavaScript समर्थन
  • Browser-local draft storage
  • बड़े previews के लिए dedicated sandboxed tab
अक्सर पूछे जाने वाले प्रश्न

क्या मैं बाहरी CSS फ्रेमवर्क का उपयोग कर सकता हूँ?

हाँ, आप Bootstrap, Tailwind या किसी अन्य फ्रेमवर्क के लिए CDN लिंक शामिल कर सकते हैं। अपने HTML के हेड सेक्शन में लिंक टैग जोड़ें।

क्या मेरा कोड सहेजा गया है?

कोड आपके ब्राउज़र के लोकल स्टोरेज में सहेजा जाता है। यह एक ही डिवाइस पर सत्रों के बीच बना रहता है लेकिन डिवाइसों में सिंक नहीं होता है।