HTML व्यूअर: HTML पेस्ट करें और लाइव प्रीव्यू देखें

HTML पेस्ट करें या .html फ़ाइल खोलें और कोड के बगल में पेज देखें। टाइप करते ही प्रीव्यू बदलता है।

HTML कोड
लाइव प्रीव्यू

कैसे इस्तेमाल करें

  1. बाईं ओर HTML पेस्ट करें या .html फ़ाइल खोलें।
  2. दाईं ओर लाइव प्रीव्यू देखें; डेस्कटॉप, टैबलेट और फ़ोन की चौड़ाई बदलकर जाँचें।
  3. स्क्रिप्ट या बाहर की फ़ाइलें तभी चालू करें जब कोड पर भरोसा हो।

ज़रूरी जानकारी

प्रीव्यू एक सैंडबॉक्स फ़्रेम में चलता है। यह इस वेबसाइट, आपकी कुकीज़ या दूसरे टैब को नहीं पढ़ सकता, न पॉप-अप खोल सकता है। स्क्रिप्ट शुरू में बंद रहती हैं; चालू करने पर भी वे सैंडबॉक्स के अंदर ही चलती हैं।

शुरू में प्रीव्यू हर नेटवर्क रिक्वेस्ट भी रोकता है, ताकि पेस्ट किया कोड ट्रैकर या बाहर की इमेज लोड न कर सके। अगर पेज को CDN से CSS या इमेज चाहिए, तो "बाहर की इमेज और स्टाइल लोड करें" चालू करें।

चौड़ाई वाले बटन पेज को लगभग 768 px (टैबलेट) और 390 px (आम फ़ोन) पर दिखाते हैं, जिससे मोबाइल पर बिगड़ता लेआउट जल्दी दिख जाता है। यह प्रीव्यू है, पूरा ब्राउज़र टेस्ट नहीं; पब्लिश करने से पहले असली फ़ोन पर ज़रूर देखें।

सवाल-जवाब

क्या किसी और का HTML पेस्ट करना सुरक्षित है?

प्रीव्यू सैंडबॉक्स में है और शुरू में नेटवर्क व स्क्रिप्ट बंद रहते हैं, इसलिए यह फ़ाइल सीधे खोलने से कहीं ज़्यादा सुरक्षित है। फिर भी स्क्रिप्ट सिर्फ़ भरोसेमंद कोड के लिए चालू करें।

मेरी इमेज क्यों नहीं दिख रहीं?

प्राइवेसी के लिए बाहर की फ़ाइलें रोकी जाती हैं। "बाहर की इमेज और स्टाइल लोड करें" चालू करें, या data: URL वाली इमेज इस्तेमाल करें।

क्या मेरा कोड अपलोड होता है?

नहीं। सब कुछ आपके ब्राउज़र में चलता है।

क्या JavaScript का नतीजा दिखेगा?

हाँ, "प्रीव्यू में स्क्रिप्ट चलाएँ" चालू करें। अलर्ट और पॉप-अप सैंडबॉक्स रोक देता है।

क्या HTML सेव कर सकते हैं?

हाँ। डाउनलोड से कोड .html फ़ाइल में सेव होता है।

आख़िरी अपडेट: