यह wikiHow आपको सिखाता है कि कंप्यूटर का उपयोग करके Google Chrome पर किसी भी वेब पेज पर किसी विज़ुअल एलिमेंट के HTML सोर्स कोड का निरीक्षण कैसे करें।
कदम
चरण 1. अपने कंप्यूटर पर Google क्रोम खोलें।
क्रोम आइकन एक रंगीन गेंद की तरह दिखता है जिसके बीच में एक नीला बिंदु होता है। आप इसे मैक पर अपने एप्लिकेशन फ़ोल्डर में या विंडोज़ पर अपने स्टार्ट मेनू पर पा सकते हैं।
स्टेप 2. तीन वर्टिकल डॉट्स आइकन पर क्लिक करें।
यह बटन आपकी ब्राउज़र विंडो के ऊपरी-दाएँ कोने में एड्रेस बार के बगल में स्थित है। यह एक ड्रॉप-डाउन मेनू खोलेगा।
चरण 3. ड्रॉप-डाउन मेनू पर अधिक टूल पर होवर करें।
एक सब-मेन्यू पॉप अप होगा।
चरण 4. More Tools उप-मेनू पर Developer Tools पर क्लिक करें।
यह आपकी ब्राउज़र विंडो के दाईं ओर इंस्पेक्टर कॉलम खोलेगा।
वैकल्पिक रूप से, आप इंस्पेक्टर को कीबोर्ड शॉर्टकट से खोल सकते हैं। यह शॉर्टकट मैक पर ⌥ Option+⌘ Cmd+I और विंडोज़ पर Ctrl+Alt+I है।
चरण 5. इंस्पेक्टर कॉलम पर एक तत्व पर होवर करें।
अपने माउस को इंस्पेक्टर में किसी एलीमेंट या लाइन पर ले जाने से वेब पेज पर चयनित एलिमेंट हाइलाइट हो जाएगा।
चरण 6. किसी भी वेब पेज पर उस तत्व पर राइट-क्लिक करें जिसका आप निरीक्षण करना चाहते हैं।
आपका राइट-क्लिक मेनू एक ड्रॉप-डाउन बॉक्स में पॉप अप होगा।
चरण 7. ड्रॉप-डाउन मेनू पर निरीक्षण का चयन करें।
यह इंस्पेक्टर कॉलम को चयनित तत्व तक ऊपर या नीचे स्क्रॉल करेगा, और इसके स्रोत कोड को हाइलाइट करेगा।