यह विकीहाउ आर्टिकल आपको सिखाएगा कि कैसे एक कंप्यूटर का इस्तेमाल करके गूगल क्रोम (google chrome) में किसी भी वेब पेज पर दिखाई देने वाले एलिमेंट (element) के HTML सोर्स कोड (Source Code) का निरीक्षण करें।
-
अपने कंप्यूटर पर गूगल क्रोम खोलें: क्रोम का आइकॉन एक रंगीन गेंद की तरह दिखता हैं, जिसके मध्य में एक नीला बिंदु हैं। आप इसे मैक (Mac) में एप्लीकेशन (Applications) फोल्डर में ढूंढ सकते हैं या विंडोज में स्टार्ट मेनू पर भी यह मिल जाएगा।
-
तीन सीधे बिंदुओं या वर्टिकल डॉट्स (vertical dots) वाले आइकॉन पर क्लिक करें: यह बटन आपकी ब्राउजर विंडो के ऊपरी-दाएं कोने में एड्रेस बार के बगल में स्थित हैं। इससे एक ड्रॉप-डाउन मेनू खुल जाएगा।
-
ड्रॉप-डाउन मेनू में More Tools पर माउस को ले जाएं या हवर (hover) करें: एक सब-मेनू (sub-menu) खुल जाएगा।
-
More tools सब-मेनू में Developer Tools पर क्लिक करें: इससे आपकी ब्राउजर विंडो के दाईं ओर इंस्पेक्टर कॉलम (inspector column) खुल जाएगा।
- वैकल्पिक रूप से, आप कीबोर्ड शॉर्टकट से भी इंस्पेक्टर खोल सकते हैं। यह शॉर्टकट मैक पर ⌥ Option + ⌘ Cmd + I हैं और विंडोज पर Ctrl + Alt + I हैं।
-
इंस्पेक्टर कॉलम में किसी एलिमेंट पर हवर करें: अपने माउस को एक एलिमेंट या एक रेखा पर ले जाने से आपका सिलेक्टेड एलिमेंट हाईलाइट हो जाएगा।
-
वेब पेज पर आप जिस भी एलिमेंट को इंस्पेक्ट करना चाहते हैं उस पर राईट-क्लिक करें: आपका राईट-क्लिक मेनू एक ड्रॉप-डाउन बॉक्स में खुल जाएगा।
-
ड्रॉप-डाउन मेनू में Inspect सिलेक्ट करें: इससे इंस्पेक्टर कॉलम आपके सिलेक्टेड एलिमेंट तक ऊपर या नीचे स्क्रॉल करेगा और इसके सोर्स कोड को हाईलाइट कर देगा।
- ऐसा करने के लिए आपको खुद से इंस्पेक्टर कॉलम खोलने की जरूरत नहीं हैं। राईट-क्लिक मेनू में Inspect को सिलेक्ट करने पर अपने आप इंस्पेक्टर कॉलम खुल जाएगा।