कैसे क्रोम में किसी एलीमेंट को इंस्पेक्ट करें (Inspect Element on Chrome)

सहयोगी लेखक द्वारा Luigi Oppido

यह विकीहाउ आर्टिकल आपको सिखाएगा कि कैसे एक कंप्यूटर का इस्तेमाल करके गूगल क्रोम (google chrome) में किसी भी वेब पेज पर दिखाई देने वाले एलिमेंट (element) के HTML सोर्स कोड (Source Code) का निरीक्षण करें।

चरण

आर्टिकल डाउनलोड करें

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

क्रोम का आइकॉन एक रंगीन गेंद की तरह दिखता हैं, जिसके मध्य में एक नीला बिंदु हैं। आप इसे मैक (Mac) में एप्लीकेशन (Applications) फोल्डर में ढूंढ सकते हैं या विंडोज में स्टार्ट मेनू पर भी यह मिल जाएगा।
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

तीन सीधे बिंदुओं या वर्टिकल डॉट्स (vertical dots) वाले आइकॉन पर क्लिक करें: यह बटन आपकी ब्राउजर विंडो के ऊपरी-दाएं कोने में एड्रेस बार के बगल में स्थित हैं। इससे एक ड्रॉप-डाउन मेनू खुल जाएगा।
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

ड्रॉप-डाउन मेनू में More Tools पर माउस को ले जाएं या हवर (hover) करें: एक सब-मेनू (sub-menu) खुल जाएगा।
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
More tools सब-मेनू में Developer Tools पर क्लिक करें: इससे आपकी ब्राउजर विंडो के दाईं ओर इंस्पेक्टर कॉलम (inspector column) खुल जाएगा।
- वैकल्पिक रूप से, आप कीबोर्ड शॉर्टकट से भी इंस्पेक्टर खोल सकते हैं। यह शॉर्टकट मैक पर ⌥ Option + ⌘ Cmd + I हैं और विंडोज पर Ctrl + Alt + I हैं।
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

अपने माउस को एक एलिमेंट या एक रेखा पर ले जाने से आपका सिलेक्टेड एलिमेंट हाईलाइट हो जाएगा।
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

वेब पेज पर आप जिस भी एलिमेंट को इंस्पेक्ट करना चाहते हैं उस पर राईट-क्लिक करें: आपका राईट-क्लिक मेनू एक ड्रॉप-डाउन बॉक्स में खुल जाएगा।
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

7
ड्रॉप-डाउन मेनू में Inspect सिलेक्ट करें: इससे इंस्पेक्टर कॉलम आपके सिलेक्टेड एलिमेंट तक ऊपर या नीचे स्क्रॉल करेगा और इसके सोर्स कोड को हाईलाइट कर देगा।
- ऐसा करने के लिए आपको खुद से इंस्पेक्टर कॉलम खोलने की जरूरत नहीं हैं। राईट-क्लिक मेनू में Inspect को सिलेक्ट करने पर अपने आप इंस्पेक्टर कॉलम खुल जाएगा।

लॉग इन

कैसे क्रोम में किसी एलीमेंट को इंस्पेक्ट करें (Inspect Element on Chrome)

चरण

संबंधित लेखों

विकीहाउ के बारे में

यह लेख ने कैसे आपकी मदद की?

सम्बंधित लेख

Explore Categories