लाइव पूर्वावलोकन के साथ HTML रनर
त्वरित दृश्य प्रतिक्रिया के साथ अपने HTML को वास्तविक समय में जीवंत होते हुए देखें।
परिचय
लाइव पूर्वावलोकन वाला HTML रनर आपको HTML लिखते समय सबसे तेज़ संभव फीडबैक लूप देता है। फ़ाइलों को सहेजने और ब्राउज़रों को ताज़ा करने के बजाय, आप वास्तविक समय में प्रस्तुत आउटपुट देखते हैं - अपने कोड के ठीक बगल में।
लाइव पूर्वावलोकन HTML रनर क्या है?
लाइव पूर्वावलोकन HTML रनर एक ऑनलाइन टूल है जो आपके HTML कोड को लिखते ही प्रस्तुत करता है। हर बार जब आप अपना कोड निष्पादित करते हैं तो पूर्वावलोकन पैनल अपडेट हो जाता है, जो आपको दिखाता है कि ब्राउज़र आपके मार्कअप, शैलियों और स्क्रिप्ट की व्याख्या कैसे करता है।
यह पारंपरिक विकास से अलग है जहां आप टेक्स्ट एडिटर में कोड लिखते हैं, फ़ाइल सहेजते हैं और ब्राउज़र को मैन्युअल रूप से रीफ्रेश करते हैं। लाइव पूर्वावलोकन धावक के साथ, प्रतिक्रिया तत्काल है - कोई अतिरिक्त कदम की आवश्यकता नहीं है।
लाइव पूर्वावलोकन की मुख्य विशेषताएं
- त्वरित रेंडरिंग — रन पर क्लिक करें और अपने HTML को तुरंत रेंडर होते हुए देखें
- साइड-बाय-साइड लेआउट - बाईं ओर संपादक, दाईं ओर पूर्वावलोकन (मोबाइल पर स्टैक्ड)
- पूर्ण दस्तावेज़ समर्थन - सीएसएस और जावास्क्रिप्ट पूर्वावलोकन के भीतर निष्पादित होते हैं
- कंसोल आउटपुट - जावास्क्रिप्ट लॉग, त्रुटियां और चेतावनियां प्रदर्शित की जाती हैं
- सैंडबॉक्स्ड निष्पादन - आपका कोड सुरक्षा के लिए एक अलग आईफ्रेम में चलता है
लाइव प्रीव्यू रनर का उपयोग कैसे करें
- HTML कोड रनर खोलें
- अपना HTML कोड संपादक में लिखें या चिपकाएँ
- चलाएँ पर क्लिक करें या Ctrl+Enter दबाएँ
- पूर्वावलोकन पैनल प्रस्तुत आउटपुट दिखाता है
- अपना कोड संशोधित करें और परिवर्तन देखने के लिए दोबारा चलाएं
लाइव पूर्वावलोकन के लिए केस का उपयोग करें
- किसी प्रोजेक्ट में लागू करने से पहले सीएसएस लेआउट का परीक्षण करना
- तत्काल दृश्य परिणाम देखकर HTML सीखना
- अलगाव में डिबगिंग रेंडरिंग मुद्दे
- प्रतिक्रियाशील डिज़ाइन का प्रोटोटाइप
- ईमेल टेम्प्लेट का पूर्वावलोकन किया जा रहा है
अक्सर पूछे जाने वाले प्रश्नों
जब आप रन पर क्लिक करते हैं या Ctrl+Enter दबाते हैं तो पूर्वावलोकन अपडेट हो जाता है। यह आपको कोड निष्पादित होने पर नियंत्रण देता है।
हाँ। सीएसएस एनिमेशन, ट्रांज़िशन और कीफ़्रेम एनिमेशन सभी लाइव पूर्वावलोकन में सही ढंग से प्रस्तुत होते हैं।
हाँ। स्क्रिप्ट टैग में शामिल जावास्क्रिप्ट सैंडबॉक्स्ड पूर्वावलोकन आईफ्रेम के भीतर निष्पादित होता है।