कॉपी हो गया!

HTML सोर्स कोड एक्सट्रैक्टर

किसी भी वेब पेज का HTML स्रोत कोड आसानी से निकालें। सामग्री को सीधे देखें, कॉपी करें या डाउनलोड करें - किसी ब्राउज़र एक्सटेंशन की आवश्यकता नहीं है।

त्वरित निष्कर्षण कोई भी URL HTML कॉपी करें .html डाउनलोड करें
0 पंक्तियाँ 0 वर्ण
निकाला गया सोर्स कोड
एक्सपोर्ट / कॉपी

Google Chrome में पृष्ठ स्रोत का निरीक्षण कैसे करें

Google Chrome में किसी वेब पेज के स्रोत कोड का निरीक्षण करना डेवलपर्स, डिज़ाइनरों और SEO पेशेवरों के लिए एक सरल और बहुत उपयोगी कार्य है। नीचे दिए गए चरणों का पालन करें:

1

Google Chrome खोलें

सुनिश्चित करें कि आप Google Chrome ब्राउज़र का उपयोग कर रहे हैं. वह पृष्ठ खोलें जिसका आप निरीक्षण करना चाहते हैं.

2

डेवलपर टूल्स एक्सेस करें

डेवलपर टूल्स (DevTools) खोलने के तीन मुख्य तरीके हैं:

  • पृष्ठ पर कहीं भी राइट-क्लिक करें और संदर्भ मेनू से "निरीक्षण करें" चुनें।
  • कीबोर्ड शॉर्टकट का उपयोग करें:
    • Windows/Linux: Ctrl + Shift + I
    • Mac: Cmd + Option + I
  • Chrome (⋮) > अधिक टूल > डेवलपर टूल के ऊपरी दाएं कोने में तीन-बिंदु मेनू पर क्लिक करें।
3

स्रोत कोड ब्राउज़ करें

जब DevTools खुलेगा, तो आपको कई टैब दिखाई देंगे। स्रोत कोड का निरीक्षण करने के लिए मुख्य हैं:

एलिमेंट्स

पृष्ठ की HTML संरचना प्रदर्शित करता है. पृष्ठ पर संबंधित क्षेत्र को हाइलाइट करने के लिए तत्वों पर होवर करें।

कंसोल

आपको जावास्क्रिप्ट कमांड चलाने और पेज स्क्रिप्ट डीबग करने की अनुमति देता है।

नेटवर्क

पृष्ठ द्वारा लोड किए गए सभी संसाधनों को प्रदर्शित करता है: HTML, CSS, जावास्क्रिप्ट और छवियां।

4

HTML का अन्वेषण करें

एलिमेंट्स टैब में, DevTools के ऊपरी-बाएँ कोने में चयनकर्ता आइकन (<>) पर क्लिक करें, फिर पेज पर किसी भी एलिमेंट पर क्लिक करें। यह संबंधित HTML कोड को हाइलाइट करेगा. आप अस्थायी परिवर्तनों का परीक्षण करने के लिए HTML को सीधे DevTools में संपादित कर सकते हैं।

5

पूरे पेज का सोर्स देखें

यदि आप पृष्ठ का संपूर्ण स्रोत कोड देखना चाहते हैं:

  • पृष्ठ पर कहीं भी राइट-क्लिक करें (DevTools के बाहर)।
  • "पृष्ठ स्रोत देखें" चुनें।
  • संपूर्ण HTML प्रदर्शित करने वाला एक नया टैब खुलेगा.

अतिरिक्त सुझाव

एलिमेंट्स कॉपी करें: DevTools > Copy > Copy element में किसी तत्व पर राइट-क्लिक करें।

HTML में सर्च करें: उपयोग करें Ctrl + F (या Cmd + F मैक पर) HTML में विशिष्ट शब्द या टैग खोजने के लिए।

आप स्रोत कोड में क्या निरीक्षण कर सकते हैं

मेटा शीर्षक और विवरण
Robots मेटा डायरेक्टिव्स
Canonical और hreflang टैग्स
Open Graph और Twitter Cards
संरचित डेटा (JSON-LD)
H1-H6 शीर्षक संरचना
आंतरिक एवं बाह्य लिंक
Image alt एट्रिब्यूट्स
स्क्रिप्ट और स्टाइलशीट रेफरेंसेज़

अक्सर पूछे जाने वाले प्रश्न

इस HTML सोर्स कोड एक्सट्रैक्टर के बारे में

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

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