क्या पता
-
सफ़ारी में: एक वेबपेज पर राइट-क्लिक करें और इंस्पेक्ट एलिमेंट चुनें।
- क्रोम में, आप राइट-क्लिक कर सकते हैं और निरीक्षण पर क्लिक कर सकते हैं।
- सफारी में सुविधा को सक्षम करने के लिए: सफारी > प्राथमिकताएं> उन्नत > चेक करें मेनू बार में डेवलप मेन्यू दिखाएं बॉक्स।
यह लेख आपको सिखाता है कि मैक पर वेबसाइट के तत्व का निरीक्षण कैसे किया जाता है। यह देखता है कि सफारी और गूगल क्रोम के माध्यम से ऐसा कैसे किया जाता है।
आप मैक पर इंस्पेक्ट एलिमेंट फीचर का उपयोग कैसे करते हैं?
सफ़ारी का उपयोग करते समय मैक पर तत्वों का निरीक्षण करने से पहले, आपको ब्राउज़र के भीतर डेवलपर मेनू को सक्षम करना होगा। यहां देखें कि इसे कैसे चालू किया जाए और किसी तत्व का निरीक्षण करने के लिए क्या किया जाए।
यदि आप बुकमार्क और विंडो के बीच विकास देख सकते हैं, तो डेवलपर मेनू पहले ही सक्षम हो चुका है, और आप चरण 4 पर जा सकते हैं।
सफ़ारी में निरीक्षण तत्व सुविधा का उपयोग करना
यहां मैक कंप्यूटर पर डिफ़ॉल्ट ब्राउज़र, सफारी में इंस्पेक्ट एलीमेंट का उपयोग करने का तरीका बताया गया है।
-
सफ़ारी में, क्लिक करें सफारी > वरीयताएँ।
Image -
क्लिक करें उन्नत।
Image -
मेन्यू बार में शो डेवलप मेन्यू क्लिक करें और फिर विंडो बंद कर दें।
Image - वेबसाइट ब्राउज़ करते समय, उस आइटम पर राइट क्लिक करें जिसका आप निरीक्षण करना चाहते हैं।
-
क्लिक करें तत्व का निरीक्षण करें।
Image -
अब आप उस वेबसाइट के पीछे का कोड देख सकते हैं जिसका आपने निरीक्षण किया है।
Image
Mac पर Chrome में इंस्पेक्ट एलीमेंट फ़ीचर का उपयोग करना
यदि आप अपने मैक पर सफारी के बजाय क्रोम का उपयोग करते हैं, तो किसी तत्व को देखना और भी आसान हो जाता है क्योंकि इस सुविधा को सक्षम करने की कोई आवश्यकता नहीं है। यहाँ क्या करना है।
- Chrome में, किसी वेबसाइट पर ब्राउज़ करें।
- उस तत्व पर राइट क्लिक करें जिसका आप निरीक्षण करना चाहते हैं।
-
क्लिक करें निरीक्षण।
Image -
अब आप क्रोम पर साइड विंडो में कोड देख सकते हैं।
Image
मैं अपने Mac पर निरीक्षण क्यों नहीं कर सकता?
यदि आपने सफारी के भीतर डेवलपर मेनू को सक्षम नहीं किया है, तो आप अपने मैक पर एक तत्व का निरीक्षण करने में सक्षम नहीं हो सकते हैं। इसे कैसे करना है, इसका रिमाइंडर यहां दिया गया है।
-
सफ़ारी में, क्लिक करें सफारी > वरीयताएँ।
Image -
क्लिक करें उन्नत।
Image -
मेन्यू बार में शो डेवलप मेन्यू क्लिक करें और फिर विंडो बंद कर दें।
Image
तत्व का निरीक्षण करके वेबसाइट परिवर्तन कैसे करें
आपको किसी वेबसाइट पर कोड देखने की अनुमति देने के अलावा, निरीक्षण तत्व के माध्यम से किसी भी वेबसाइट तत्व को अस्थायी रूप से बदलना भी संभव है। यहां सफारी के माध्यम से ऐसा करने का तरीका बताया गया है।
प्रक्रिया अन्य ब्राउज़रों पर बहुत समान है।
- वेबसाइट ब्राउज़ करते समय, उस आइटम पर राइट क्लिक करें जिसका आप निरीक्षण करना चाहते हैं।
- क्लिक करें तत्व का निरीक्षण करें।
- कोड में टेक्स्ट को एडिट करने योग्य बनाने के लिए उस पर डबल क्लिक करें।
- इसे हटाएं या टेक्स्ट की एक नई स्ट्रिंग दर्ज करें।
- एंटर पर टैप करें।
- कोड अब केवल आपके लाभ के लिए अस्थायी रूप से बदल दिया गया है।
आप निरीक्षण तत्व सुविधा का उपयोग क्यों करना चाहेंगे?
किसी तत्व का निरीक्षण करने में सक्षम होना कई कारणों से सहायक होता है।
- फ्लाई पर कोड बदलने के लिए। वेबसाइट डिज़ाइनर अस्थायी रूप से एक वेबसाइट पर चीजों को बदल सकते हैं यह देखने के लिए कि परिवर्तन चीजों को कैसे प्रभावित करते हैं।
- कोड जांचने के लिए। डिज़ाइनर और मार्केटिंग करने वाले दोनों लोग कोड की जांच करके पुष्टि कर सकते हैं कि Google Analytics विवरण जैसी चीज़ें हैं।
- किसी साइट से छवियों को अलग से देखने के लिए। यदि कोई साइट आपको एक नए टैब या विंडो में एक छवि खोलने की अनुमति नहीं देती है, तो तत्व को देखने से यह संभव हो जाता है।
-
टिंकर । किसी वेब पेज का कोड देखने से आपको यह समझने में मदद मिल सकती है कि आप क्या देखते हैं, आप जिस साइट पर हैं उसके साथ क्या और क्यों हो रहा है, इस रहस्य को दूर कर सकते हैं। यह कैसे काम करता है यह देखने के लिए यह एक उपकरण को अलग करने जैसा है, लेकिन इस मामले में खोने के लिए कोई पेंच नहीं है।
अक्सर पूछे जाने वाले प्रश्न
क्या किसी वेबसाइट का निरीक्षण करना कानूनी है?
हां। हालांकि, यदि आप किसी वेबसाइट से किसी कोड या संपत्ति का उपयोग करने की योजना बना रहे हैं, तो स्वामी से जांचना सुनिश्चित करें और एक कॉपीराइट नोट जोड़ें।
इंस्पेक्ट एलिमेंट वाली वेबसाइट से मैं HTML को कैसे कॉपी करूं?
Chrome में, पेज पर राइट-क्लिक करें और निरीक्षण करें चुनें, फिर टॉप सेक्शन में जाएं और टैग पर राइट-क्लिक करें (जैसे)। कॉपी करें > बाहरी कॉपी करेंHTML चुनें, फिर कोड को टेक्स्ट या HTML फ़ाइल में पेस्ट करें।
क्या मैं निरीक्षण तत्व वाली वेबसाइट से सीएसएस को कॉपी कर सकता हूं?
हां। उस तत्व पर राइट-क्लिक करें जिसे आप कॉपी करना चाहते हैं और निरीक्षण चुनें। हाइलाइट किए गए कोड पर राइट-क्लिक करें और कॉपी करें > कॉपी स्टाइल चुनें।
इंस्पेक्ट एलीमेंट का उपयोग करके मैं अपने सहेजे गए पासवर्ड कैसे देख सकता हूं?
छिपे हुए पासवर्ड को प्रकट करने के लिए, पासवर्ड टेक्स्ट बॉक्स पर राइट-क्लिक करें और निरीक्षण करें चुनें। हाइलाइट किए गए सेक्शन में, type=”password” देखें और password को text से बदलें। Chrome में अपने सभी पासवर्ड दिखाने के आसान तरीके हैं।
