HTML Viewer: HTML Inspector

HTML व्यूअर वेब डेवलपर्स, छात्रों और साइट मालिकों को वेबसाइट के मार्कअप को समझने और अपने डिवाइस पर बदलाव आज़माने में मदद करता है। सोर्स देखने, HTML एडिट करने, पेज रिसोर्स की जांच करने या आम संरचनात्मक समस्याओं की समीक्षा करने के लिए URL दर्ज करें। पूरा डेवलपमेंट सेटअप शुरू किए बिना, अपनी समस्या के अनुसार सही टूल चुनें।

पढ़ें, एडिट करें और प्रीव्यू करें

HTML एडिटर में एक पेज खोलें और अपने कोड की तुलना उसके आउटपुट से करें। काम करते समय बदलाव देखने के लिए स्प्लिट प्रीव्यू चालू करें। सिंटैक्स हाइलाइटिंग, टैग सुझाव, खोजें और बदलें, लाइन पर जाएं कंट्रोल, अनडू और रीडू आपको लंबे डॉक्यूमेंट्स को आसानी से नेविगेट करने में मदद करते हैं। पढ़ने में आसानी के लिए मार्कअप को फॉर्मेट करें या उसे छोटा करने के लिए मिनिफ़ाई एक्शन का इस्तेमाल करें।

HTML स्टार्टर, लैंडिंग पेज, एक्सेसिबल फॉर्म या रियूजेबल कार्ड टेम्प्लेट के साथ प्रयोग शुरू करें। एडिटर टैग के बेमेल होने, डुप्लिकेट ID और इमेज alt एट्रिब्यूट के न होने जैसी आम समस्याओं को भी दिखाता है। एक लोकल .html फ़ाइल खोलें, अपने एडिट किए गए डॉक्यूमेंट को सेव करें या उपलब्ध डिवाइस एक्शन के ज़रिए कोड शेयर करें। एडिट आपके वर्किंग कॉपी पर लागू होते हैं, ओरिजिनल वेबसाइट पर नहीं।

पेज संरचना की समीक्षा करें

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

लिंक और संसाधन जाँचें

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

विभिन्न व्यूपोर्ट आज़माएँ

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

पूर्वावलोकन व्यवहार की जाँच करें

कंसोल व्यूअर ऐप के इंस्ट्रूमेंटेड पेज पूर्वावलोकन से संदेश, चेतावनियाँ और त्रुटियाँ एकत्र करता है। नेटवर्क इंस्पेक्टर कैप्चर किए गए फ़ेच, XMLHttpRequest और संसाधन गतिविधि को उपलब्ध स्थिति और समय विवरण के साथ दिखाता है। प्रविष्टियाँ साफ़ करें, पूर्वावलोकन को पुनः लोड करें और किसी विशिष्ट समस्या की जाँच के लिए फ़िल्टर का उपयोग करें। ये उपकरण अन्य ऐप्स के ट्रैफ़िक के बजाय उस पूर्वावलोकन का निरीक्षण करते हैं।

उपयोगी संदर्भ सहेजें

निकाले गए पृष्ठ छवियों को ब्राउज़ करें, फ़ाइल नाम या प्रारूप द्वारा खोजें, और छवि को सहेजने से पहले उसका पूर्वावलोकन करें। दृश्यमान निर्यात व्यूपोर्ट का स्क्रीनशॉट साझा करें या लोड किए गए पृष्ठ का PDF बनाएँ। PDF कैप्चर पृष्ठ की ऊँचाई के 16,000 पिक्सेल तक सीमित है। पसंदीदा URL सहेजें, पता सुझावों का उपयोग करें और उपयोगी साइटों पर वापस जाने के लिए हाल के निरीक्षण इतिहास में खोजें।

वेबसाइट लोडिंग, संसाधन जाँच और रिमोट सामग्री के लिए इंटरनेट कनेक्शन आवश्यक है। संरक्षित पृष्ठ, अवरुद्ध छवियां और ब्राउज़र सुरक्षा नियम परिणामों या निर्यात को सीमित कर सकते हैं। सुलभ वेब सामग्री का अध्ययन करने और अपने विचारों का परीक्षण करने के लिए टूलकिट का उपयोग करें, जिसमें आरामदायक पठन के लिए लाइट, डार्क और सिस्टम ऐप थीम उपलब्ध हैं।