"हम अब सभी इंटरनेट से जुड़े हुए हैं, एक विशाल मस्तिष्क में न्यूरॉन्स की तरह" ~ स्टीफन हॉकिंग
खैर, यह काफी सच है ना? इंटरनेट की शक्ति अतुलनीय है! वेब लाखों वेबसाइटों और सूचनाओं से भरा हुआ है। चाहे आपको शोध के लिए किसी विशिष्ट जानकारी को देखने की आवश्यकता हो, या केवल मनोरंजन पोर्टल्स के माध्यम से ब्राउज़ करना हो या सोशल मीडिया पर खुदाई करना हो, वेबसाइटें हमें हमारे गैजेट्स से जोड़े रखने के लिए एक प्रमुख स्रोत के रूप में काम करती हैं।
छवि स्रोत: YouTube
क्या आपने किसी वेबसाइट का उपयोग करते समय "इंस्पेक्ट एलिमेंट" फीचर के बारे में सुना है? इंस्पेक्ट एलिमेंट एक ब्राउज़र टूल की तरह है जो आपको वेबपेज के HTML और CSS स्क्रिप्ट को देखने और संपादित करने की अनुमति देता है। यह सुविधा सभी ब्राउज़रों पर उपलब्ध है, हालांकि, इसे दिया गया नाम अलग हो सकता है, जैसे Chrome के लिए, यह डेवलपर मोड है, Safari के लिए, यह वेब इंस्पेक्टर है और Firefox के लिए, यह इंस्पेक्ट है।
इस पोस्ट में, हम Safari, Google Chrome, और Firefox सहित विभिन्न ब्राउज़रों पर Mac पर इंस्पेक्ट एलिमेंट का उपयोग करना सीखेंगे। और शुरू करने से पहले, आइए इंस्पेक्ट एलिमेंट टूल का उपयोग कैसे करें और यह क्यों उपयोगी है, इसकी त्वरित समझ प्राप्त करें।
"इंस्पेक्ट एलिमेंट" क्या है?
जब भी आप किसी वेबसाइट पर राइट-क्लिक करते हैं, तो आप कॉन्टेक्स्ट मेनू में "इंस्पेक्ट एलिमेंट" फीचर देखेंगे। तकनीकी शब्दों में, इंस्पेक्ट एलिमेंट टूल उपयोगकर्ताओं को फ्रंट एंड पर वेबपेज को देखने या संशोधित करने की अनुमति देता है। इंस्पेक्ट एलिमेंट टूल का उपयोग प्रमुख रूप से फ्रंट-एंड डेवलपर्स द्वारा लाइव कोड को नुकसान पहुंचाने के डर के बिना किसी विशेष वेबसाइट के रूप और अनुभव के साथ खेलने के लिए किया जाता है। इसका उपयोग "टेस्टिंग" चरण में कुछ अवसरों पर वेबसाइट के एलिमेंट्स को "इंस्पेक्ट" करने के लिए किया जाता है।
Mac पर इंस्पेक्ट एलिमेंट कैसे करें
इंस्पेक्ट एलिमेंट फीचर Safari, Chrome, और Firefox सहित प्रत्येक वेब ब्राउज़र के साथ एम्बेडेड आता है। अब हम Safari, Chrome, और Firefox के प्रत्येक वेब ब्राउज़र के Mac पर इंस्पेक्ट एलिमेंट का उपयोग करना सीखेंगे।
Safari:
शुरू करने से पहले, पहले, आइए Safari पर "इंस्पेक्ट एलिमेंट" फीचर को सक्षम करें यदि यह डिफ़ॉल्ट रूप से चालू नहीं है।
Safari लॉन्च करें, Preferences खोलें।
"Advanced" टैब पर स्विच करें और फिर मेनू बार में "Show develop menu" विकल्प पर चेक करें।
जैसे ही आप इस विकल्प को चेक करते हैं, मेनू बार में एक नया "Develop" विकल्प जोड़ा जाएगा।
Safari ब्राउज़र पर Mac पर इंस्पेक्ट एलिमेंट करने के लिए, यहां आपको क्या करना होगा:
विकल्प 1: राइट-क्लिक विधि के माध्यम से
Mac पर इंस्पेक्ट एलिमेंट टूल का उपयोग करने का सबसे तेज़ तरीका राइट-क्लिक विधि का उपयोग करना है।
वेबपेज पर जाएं, सफेद जगह पर कहीं भी राइट-क्लिक करें, "Inspect" चुनें।
विकल्प 2: "Develop" मेनू के माध्यम से
आप नए जोड़े गए "Develop" मेनू के माध्यम से भी इंस्पेक्ट एलिमेंट फीचर का उपयोग कर सकते हैं।
वेबसाइट पर जाएं, शीर्ष मेनू बार पर स्थित "Develop" विकल्प पर टैप करें, और फिर "Show web inspector" चुनें।
विकल्प 3: शॉर्टकट कुंजियों का उपयोग करें
macOS पर इंस्पेक्ट एलिमेंट टूल का उपयोग करने का तीसरा विकल्प शॉर्टकट कुंजियों के माध्यम से है।
वेबपेज के इंस्पेक्ट एलिमेंट के लिए बस Command + Option + I कुंजी संयोजन दबाएं।
Google Chrome:
Chrome ब्राउज़र पर Mac पर इंस्पेक्ट एलिमेंट करने के 4 अलग-अलग तरीके हैं।
विकल्प 1: राइट-क्लिक विधि
अपने Mac पर Chrome ब्राउज़र लॉन्च करें, उस वेबसाइट पर जाएं जिस पर आपको एलिमेंट्स का निरीक्षण करने की आवश्यकता है।
कहीं भी राइट-क्लिक करें और फिर "Inspect" चुनें।
विकल्प 2: मेनू बार के माध्यम से
Chrome लॉन्च करें, शीर्ष मेनू बार पर स्थित "View" विकल्प पर टैप करें।
छवि स्रोत: Super User
Developer Tools > Developer > Developer Tools पर नेविगेट करें।
इंस्पेक्ट एलिमेंट को Chrome पर उपयोग करने के लिए "Customize and Control" विकल्प चुनें।
विकल्प 3: कीबोर्ड शॉर्टकट का उपयोग करना
Chrome पर "इंस्पेक्ट एलिमेंट" विंडो देखने के लिए Command + Option + C विकल्प दबाएं।
विकल्प 4: सेटिंग्स के माध्यम से
macOS पर Google Chrome लॉन्च करें, ऊपरी-दाएं कोने पर स्थित थ्री-डॉट्स आइकन पर टैप करें।
"More Tools" पर टैप करें और फिर "Developer Tools" चुनें।
Mozilla Firefox:
Firefox पर इंस्पेक्ट एलिमेंट टूल का उपयोग करने के लिए, इन त्वरित चरणों का पालन करें।
विकल्प 1: राइट-क्लिक विधि
Firefox लॉन्च करें, वेबसाइट पर जाएं।
स्क्रीन पर कहीं भी राइट-क्लिक करें, "Inspect" चुनें।
विकल्प 2: मेनू के माध्यम से
Mac पर Firefox लॉन्च करें। शीर्ष मेनू बार पर स्थित "Tools" विकल्प पर टैप करें, "Web Developer" चुनें। "Inspect" पर टैप करें।
विकल्प 3: शॉर्टकट कुंजियाँ
Firefox ब्राउज़र पर Mac पर इंस्पेक्ट एलिमेंट को सक्षम करने का शॉर्टकट Command + Option + C कुंजी संयोजन दबाकर प्राप्त किया जा सकता है।
अक्सर पूछे जाने वाले प्रश्न:
प्रश्न 1. Mac पर इंस्पेक्ट एलिमेंट कैसे खोलें?
छवि स्रोत: Zapier
Mac पर इंस्पेक्ट एलिमेंट टूल खोलने के सबसे तेज़ तरीकों में से एक है वेबसाइट पर राइट-क्लिक करना और कॉन्टेक्स्ट मेनू से "Inspect" विकल्प चुनना।
प्रश्न 2. Mac पर इंस्पेक्ट एलिमेंट का शॉर्टकट क्या है?
इंस्पेक्ट एलिमेंट का उपयोग करने के शॉर्टकट प्रत्येक ब्राउज़र पर अलग-अलग हैं:
- Safari: Command + Option + I
- Chrome: Command + Option + C
- Firefox: Command Option + C
प्रश्न 3. Mac पर Chrome में इंस्पेक्ट एलिमेंट कैसे खोलें?
Google Chrome पर इंस्पेक्ट एलिमेंट का उपयोग करने के लिए, आप या तो Command + Option + C कुंजी संयोजन दबा सकते हैं। वैकल्पिक रूप से, आप स्क्रीन पर कहीं भी राइट-क्लिक कर सकते हैं, इंस्पेक्ट एलिमेंट विंडो लॉन्च करने के लिए "Inspect" चुन सकते हैं।
Mac पर इंस्पेक्ट एलिमेंट कैसे करें पर अंतिम शब्द
यहां Safari, Chrome, और Firefox सहित विभिन्न वेब ब्राउज़रों पर macOS पर इंस्पेक्ट एलिमेंट टूल का उपयोग करने के तरीके पर एक त्वरित गाइड था। सोशल मीडिया पर हमें फॉलो करें - Facebook, Instagram और YouTube। आप Mac पर इंस्पेक्ट एलिमेंट टूल का कितनी बार उपयोग करते हैं और किस उद्देश्य के लिए? हमारे पाठकों के साथ अपने विचार साझा करने के लिए स्वतंत्र महसूस करें।
