क्रोम पर तत्व का निरीक्षण कैसे करें: 7 कदम (चित्रों के साथ)

विषयसूची:

क्रोम पर तत्व का निरीक्षण कैसे करें: 7 कदम (चित्रों के साथ)
क्रोम पर तत्व का निरीक्षण कैसे करें: 7 कदम (चित्रों के साथ)

वीडियो: क्रोम पर तत्व का निरीक्षण कैसे करें: 7 कदम (चित्रों के साथ)

वीडियो: क्रोम पर तत्व का निरीक्षण कैसे करें: 7 कदम (चित्रों के साथ)
वीडियो: Create Facial Hair - Short Photoshop Tutorial 2024, मई
Anonim

यह wikiHow आपको सिखाता है कि कंप्यूटर का उपयोग करके Google Chrome पर किसी भी वेब पेज पर किसी विज़ुअल एलिमेंट के HTML सोर्स कोड का निरीक्षण कैसे करें।

कदम

क्रोम चरण 1 पर तत्व का निरीक्षण करें
क्रोम चरण 1 पर तत्व का निरीक्षण करें

चरण 1. अपने कंप्यूटर पर Google क्रोम खोलें।

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

क्रोम चरण 2 पर तत्व का निरीक्षण करें
क्रोम चरण 2 पर तत्व का निरीक्षण करें

स्टेप 2. तीन वर्टिकल डॉट्स आइकन पर क्लिक करें।

यह बटन आपकी ब्राउज़र विंडो के ऊपरी-दाएँ कोने में एड्रेस बार के बगल में स्थित है। यह एक ड्रॉप-डाउन मेनू खोलेगा।

क्रोम चरण 3 पर तत्व का निरीक्षण करें
क्रोम चरण 3 पर तत्व का निरीक्षण करें

चरण 3. ड्रॉप-डाउन मेनू पर अधिक टूल पर होवर करें।

एक सब-मेन्यू पॉप अप होगा।

क्रोम चरण 4 पर तत्व का निरीक्षण करें
क्रोम चरण 4 पर तत्व का निरीक्षण करें

चरण 4. More Tools उप-मेनू पर Developer Tools पर क्लिक करें।

यह आपकी ब्राउज़र विंडो के दाईं ओर इंस्पेक्टर कॉलम खोलेगा।

वैकल्पिक रूप से, आप इंस्पेक्टर को कीबोर्ड शॉर्टकट से खोल सकते हैं। यह शॉर्टकट मैक पर ⌥ Option+⌘ Cmd+I और विंडोज़ पर Ctrl+Alt+I है।

क्रोम चरण 5 पर तत्व का निरीक्षण करें
क्रोम चरण 5 पर तत्व का निरीक्षण करें

चरण 5. इंस्पेक्टर कॉलम पर एक तत्व पर होवर करें।

अपने माउस को इंस्पेक्टर में किसी एलीमेंट या लाइन पर ले जाने से वेब पेज पर चयनित एलिमेंट हाइलाइट हो जाएगा।

क्रोम चरण 6 पर तत्व का निरीक्षण करें
क्रोम चरण 6 पर तत्व का निरीक्षण करें

चरण 6. किसी भी वेब पेज पर उस तत्व पर राइट-क्लिक करें जिसका आप निरीक्षण करना चाहते हैं।

आपका राइट-क्लिक मेनू एक ड्रॉप-डाउन बॉक्स में पॉप अप होगा।

क्रोम चरण 7 पर तत्व का निरीक्षण करें
क्रोम चरण 7 पर तत्व का निरीक्षण करें

चरण 7. ड्रॉप-डाउन मेनू पर निरीक्षण का चयन करें।

यह इंस्पेक्टर कॉलम को चयनित तत्व तक ऊपर या नीचे स्क्रॉल करेगा, और इसके स्रोत कोड को हाइलाइट करेगा।

ऐसा करने के लिए आपको इंस्पेक्टर कॉलम को मैन्युअल रूप से खोलने की आवश्यकता नहीं है। चुनना निरीक्षण राइट-क्लिक मेनू पर इंस्पेक्टर अपने आप खुल जाएगा।

सिफारिश की: