Mac पर Inspect Element में महारत हासिल करें: Chrome, Safari, Firefox के लिए त्वरित मार्गदर्शिका

वेबसाइटें हमारे वर्तमान युग में मुख्य हैं। हम इसका उपयोग व्यावसायिक जानकारी देखने के लिए करते हैं। हम इसका उपयोग अपने काम या स्कूल गतिविधियों के लिए शोध करने के लिए भी करते हैं। ऐसे में, वेबसाइटें वेब प्रोग्रामिंग भाषाओं से बनी होती हैं जिन्हें अप्रशिक्षित आंखों द्वारा समझना मुश्किल हो सकता है।

अगर आप वेबसाइट के हिस्सों के बारे में अधिक जानना चाहते हैं, तो आपको Mac पर Inspect Element कैसे करें पता होना चाहिए। यह "Inspect Element" सुविधा आपको वेबसाइट के फ्रंट-एंड को देखने या संशोधित करने में सक्षम बनाती है। जब आप अपनी खुद की वेबसाइट बनाना चाहते हैं (या यहां तक कि यह सीखना चाहते हैं कि ये साइटें कैसे काम करती हैं) तो Mac पर एलिमेंट्स का निरीक्षण करना जानना बहुत अच्छा हो सकता है।

वेबसाइट की जांच के अलावा, कुकीज़ को साफ़ करना भी एक ऐसा ऑपरेशन है जो बहुत सारे लोग करेंगे। विवरण देखने के लिए लिंक पर क्लिक करें।

यह पोस्ट आपको Mac पर Inspect Element कैसे करें, इस पर विवरण देगा। हम बात करेंगे कि आप कुछ अवसरों पर वेबसाइट के एलिमेंट्स को क्यों नहीं देख या "निरीक्षण" कर सकते हैं। फिर, हम आपको विभिन्न ब्राउज़र का उपयोग करके वेबसाइट एलिमेंट्स का निरीक्षण करने के तरीके सिखाएंगे।

भाग 1. मैं अपने Mac पर Inspect क्यों नहीं कर सकता?

अगर आप जानना चाहते हैं कि Mac पर एलिमेंट्स का निरीक्षण कैसे करें, तो आपको उस कारण को जानना होगा कि आप इसे पहली जगह में लागू क्यों नहीं कर सकते। वेबसाइट का निरीक्षण केवल तभी संभव है जब आपने अपने Safari ब्राउज़र पर Develop Menu सक्षम किया हो। इस प्रकार, Develop Menu को सक्रिय करना चाहिए। यह आपको Apple के Web Inspector का उपयोग करने की अनुमति देगा।

Develop Menu को सक्षम करने के चरण यहां दिए गए हैं ताकि आप Mac पर एलिमेंट्स का निरीक्षण कैसे करें लागू कर सकें:

1. Safari खोलें।
2. ब्राउज़र के इंटरफेस में Preferences सेक्शन ढूंढें।
3. Advanced लेबल को क्लिक करके चुनें।
4. पेन के निचले भाग पर जाएं। फिर, उस बॉक्स को चेक करें जिस पर "Show Develop Menu In Menu Bar" लिखा है।
5. Develop विकल्प चुनें।
6. Show Web Inspector विकल्प पर क्लिक करें।

भाग 2. Mac ब्राउज़र पर एलिमेंट का निरीक्षण कैसे करें?

विभिन्न ब्राउज़र के लिए Mac पर एलिमेंट्स का निरीक्षण करने के अलग-अलग तरीके हैं। आइए नीचे Chrome, Safari, और Firefox का उपयोग करके Mac पर एलिमेंट्स का निरीक्षण कैसे करें, देखें।

Chrome ब्राउज़र का उपयोग करके Mac पर एलिमेंट का निरीक्षण कैसे करें

Chrome पर Mac पर एलिमेंट्स का निरीक्षण करने के कुछ तरीके नीचे दिए गए हैं:

1. राइट-क्लिक विधि

• अपने Mac पर Chrome खोलें।
• किसी भी पेज पर जाएं जिसका एलिमेंट आप निरीक्षण करना चाहते हैं।
• अब, पेज पर राइट-क्लिक करें और फिर Inspect विकल्प पर क्लिक करें। अगर आप पेज पर किसी विशेष एलिमेंट पर राइट-क्लिक करते हैं, तो यह एलिमेंट इंस्पेक्टर व्यू के भीतर खुल जाएगा।

2. मेनू बार विधि

• View मेनू के लिए शीर्ष मेनू बार पर क्लिक करें।
• फिर, Developer विकल्प चुनें, फिर Developer Tools पर जाएं।
• Customize and Control विकल्प लॉन्च करें।

3. Settings आइकन पर जाकर

• More Tools पर जाएं उस आइकन पर क्लिक करके जो तीन डॉट्स जैसा दिखता है। यह ब्राउज़र के ऊपरी दाएं भाग में पाया जा सकता है।
• Developer Tools पर क्लिक करें।

4. कीबोर्ड शॉर्टकट विधि

• macOS पर CMD + OPTION + C टाइप करें।
• पैनल स्थान बदलें (वैकल्पिक) उस आइकन पर क्लिक करके जो तीन डॉट्स जैसा दिखता है। वह डॉक स्थिति चुनें जो आप चाहते हैं। उदाहरण के लिए, आप Dock To Right चुन सकते हैं।

अब, जब आप Mac पर एलिमेंट का निरीक्षण कैसे करें के इन चार तरीकों में से एक करते हैं तो आपको विभिन्न टैब दिखाई देंगे। इन टैब में Elements, Sources, Console, आदि शामिल हैं। आमतौर पर, आपको जो कुछ भी चाहिए वह Elements टैब में है।

सोर्स कोड देखने के लिए एक एलिमेंट चुनें। कोड देखने के अलावा, आप टेक्स्ट संपादित भी कर सकते हैं, एलिमेंट्स हटा सकते हैं, एलिमेंट्स छिपा सकते हैं, और उन्हें HTML के रूप में संपादित कर सकते हैं, अन्य चीजों के अलावा।

Styles टैब आपको एलिमेंट्स के फॉर्मेटिंग की जांच करने में सक्षम बनाता है, विशेष रूप से टेक्स्ट एलिमेंट्स। इसके अलावा, आप मोबाइल व्यू में पेज का निरीक्षण कर सकते हैं। यह वेब डेवलपर्स और व्यवसाय मालिकों के लिए जानकारी का एक बड़ा स्रोत हो सकता है जो मोबाइल-फ्रेंडली साइट चाहते हैं।

Safari ब्राउज़र का उपयोग करके Mac पर एलिमेंट का निरीक्षण कैसे करें

इससे पहले कि आप अपने ब्राउज़र का उपयोग करके Mac पर Safari का निरीक्षण कैसे करें लागू करें, आपको पहले Safari के लिए Developer टूल्स सक्षम करने चाहिए। ऐसा करने के चरण यहां दिए गए हैं:

1. Safari ब्राउज़र खोलें और Preferences विकल्प चुनें।
2. Advanced पर जाएं।
3. उस चेकबॉक्स को चेक करें जिस पर "Show Develop Menu In Menu Bar" लिखा है।
4. डबल-चेक करें कि क्या मेनू में Develop नामक एक नया विकल्प है।

तो, Safari का उपयोग करके Mac पर एलिमेंट्स का निरीक्षण कैसे करें। यहां कुछ विधियां दी गई हैं जिन्हें आप लागू कर सकते हैं:

1. राइट-क्लिक विधि

• उस पेज पर जाएं जिसके एलिमेंट्स आप जांचना चाहते हैं।
• उस पेज के किसी भी हिस्से पर राइट-क्लिक करें।
• Inspect चुनें।

2. Develop Menu विधि

• Mac पर Safari का उपयोग करके एलिमेंट का निरीक्षण कैसे करें पर पहली चीज Develop मेनू पर जाना है।
• Show Web Inspector विकल्प पर क्लिक करें।

3. शॉर्टकट कुंजी विधि

• सही शॉर्टकट का उपयोग करें। अब, ऐसा करने के लिए, बस CMD + OPTION + I विकल्प पर क्लिक करें।

अब, आप Safari का उपयोग करके Mac पर एलिमेंट्स का निरीक्षण कैसे करें लागू कर सकते हैं। वैसे, अगर आप Safari खोलते समय बहुत धीरे लोड होते हैं, तो आप लिंक लेख में समाधान देख सकते हैं।

Firefox ब्राउज़र का उपयोग करके Mac पर एलिमेंट का निरीक्षण कैसे करें

Mac पर Firefox ब्राउज़र का उपयोग करके निरीक्षण करने के विभिन्न तरीके हैं। यहां कुछ विधियां दी गई हैं जिनका उपयोग आप इसे करने के लिए कर सकते हैं:

1. राइट-क्लिक विधि

• पहली चीज पेज पर जाना और उस पर राइट-क्लिक करना है।
• फिर, Inspect Element विकल्प पर क्लिक करें।
• एक वैकल्पिक चीज पेज के भीतर एक विशिष्ट एलिमेंट पर राइट-क्लिक करना और फिर उसका निरीक्षण करना है।

2. Tools Menu विधि

• आप अपने Firefox ब्राउज़र के भीतर Tools मेनू भी खोल सकते हैं।
• फिर, Web Developer विकल्प पर क्लिक करें। उसके बाद, Inspect विकल्प पर क्लिक करें।

3. शॉर्टकट कुंजी विधि

• शॉर्टकट का उपयोग करें। उदाहरण के लिए, आप CTRL + Shift + C (Windows पर) क्लिक कर सकते हैं और आप COMMAND + OPTION + C (Mac कंप्यूटर पर) भी क्लिक कर सकते हैं।

राइट-क्लिक किए बिना Mac पर एलिमेंट का निरीक्षण कैसे करें

पेज पर राइट-क्लिक किए बिना Mac पर एलिमेंट्स का निरीक्षण करने के तरीके हैं। आप इसे करने के लिए शॉर्टकट कुंजी का उपयोग कर सकते हैं। नीचे आपके Mac कंप्यूटर पर विभिन्न ब्राउज़र पर एलिमेंट्स का निरीक्षण करने की शॉर्टकट कुंजी हैं:

• Safari – COMMAND + OPTION + I
• Chrome – COMMAND + OPTION + C
• Firefox – COMMAND + OPTION + C

इसके अलावा, आप इन तीन ब्राउज़र के लिए Preferences या Tools या Menus का उपयोग करके अपने Mac कंप्यूटर पर पेज पर राइट-क्लिक किए बिना एलिमेंट का निरीक्षण कर सकते हैं। आप Safari, Chrome, और Firefox के लिए ऊपर दी गई विधियां देख सकते हैं।