Google क्रोम ब्राउज़र के निरीक्षण तत्व का उपयोग करने पर युक्तियाँ

Google क्रोम न केवल नियमित इंटरनेट उपयोगकर्ताओं के लिए बल्कि वेब डेवलपर्स के लिए भी डिज़ाइन किया गया है, जो प्रायः एक वेबसाइट, डिज़ाइन ब्लॉग आदि बनाते हैं। तत्व का निरीक्षण करें या Google Chrome का विकल्प विकल्प का निरीक्षण उपयोगकर्ताओं को ऐसी वेबसाइट के बारे में कुछ जानकारी खोजने में सहायता करता है जो दृश्य से छिपा हुआ है। विंडोज पीसी के लिए Google क्रोम ब्राउजर के इंस्पेक्ट एलिमेंट का उपयोग करने के बारे में कुछ सुझाव यहां दिए गए हैं।

Google क्रोम के तत्व का निरीक्षण करें

1] छुपा जावास्क्रिप्ट / मीडिया फाइलें खोजें

विज़िटर वेब पर रहता है तो कई वेबसाइट पॉपअप दिखाती हैं 15 या 20 सेकंड से अधिक के लिए पेज। या, कई बार छवि, विज्ञापन या आइकन, यादृच्छिक रूप से कहीं क्लिक करने के बाद खुलता है। किसी वेब पेज की इन छिपी हुई फाइलों को ढूंढने के लिए, आप निरीक्षण तत्व के स्रोत टैब का उपयोग कर सकते हैं। यह बाईं तरफ एक पेड़-दृश्य सूची दिखाता है जिसे खोजा जा सकता है।

2] क्रोम में हेक्स / आरजीबी रंग कोड प्राप्त करें

कभी-कभी हमें रंग पसंद हो सकता है और इसके रंग कोड को ढूंढना चाह सकता है। आप Google Chrome में मूल विकल्प का उपयोग करके किसी विशेष वेब पेज पर उपयोग किए गए हेक्स या आरजीबी रंग कोड को आसानी से पा सकते हैं। रंग पर राइट-क्लिक करें, और निरीक्षण पर क्लिक करें। ज्यादातर बार, आपको अन्य सीएसएस के साथ दाईं ओर रंग कोड मिल जाएगा। यदि आप इसे नहीं देखते हैं, तो, आपको कुछ मुफ्त रंग पिकर सॉफ़्टवेयर का उपयोग करना पड़ सकता है।

टीआईपी : इन रंगीन पिकर ऑनलाइन टूल पर भी एक नज़र डालें।

3] वेब पेज प्रदर्शन सुधार युक्तियाँ प्राप्त करें

हर कोई ऐसी वेबसाइट पर उतरना पसंद करता है जो तेजी से खुलता है। यदि आप अपनी वेबसाइट तैयार कर रहे हैं, तो आपको हमेशा इसे ध्यान में रखना चाहिए। पृष्ठ लोडिंग की गति को जांचने और अनुकूलित करने के लिए कई टूल हैं। हालांकि, Google क्रोम भी एक इनबिल्ट टूल के साथ आता है जो उपयोगकर्ताओं को वेबसाइट लोडिंग की गति में सुधार करने के लिए सुझाव प्राप्त करने की अनुमति देता है। इन उपकरणों तक पहुंचने के लिए, ऑडिट टैब पर जाएं, और सुनिश्चित करें कि नेटवर्क उपयोग , वेब पेज प्रदर्शन , और लोड पर पृष्ठ और लेखापरीक्षा पुनः लोड करें चुने गए हैं। फिर रन बटन पर क्लिक करें। यह पृष्ठ को फिर से लोड करेगा, और आपको कुछ जानकारी दिखाएगा जिसका उपयोग पृष्ठ को तेज़ बनाने के लिए किया जा सकता है। उदाहरण के लिए, आप उन सभी संसाधनों को प्राप्त कर सकते हैं जिनके पास कोई कैश समाप्ति नहीं है, जावास्क्रिप्ट को एक फ़ाइल में जोड़ा जा सकता है, और इसी तरह।

4] प्रतिक्रिया की जांच करें

वेब पेज उत्तरदायी बनाना आजकल महत्वपूर्ण है। ऐसे कई टूल हैं जो जांच सकते हैं कि आपकी साइट पूरी तरह उत्तरदायी है या नहीं। हालांकि, Google क्रोम का यह टूल उपयोगकर्ताओं को यह जानने में सहायता करता है कि साइट उत्तरदायी है या नहीं, साथ ही यह जांचें कि यह किसी विशेष मोबाइल डिवाइस पर कैसा दिखाई देगा। किसी भी वेबसाइट को खोलें, तत्व का निरीक्षण करें टैब पर क्लिक करें, पर क्लिक करें मोबाइल बटन, संकल्प सेट करें या वेब पेज का परीक्षण करने के लिए वांछित डिवाइस का चयन करें।

5] लाइव वेबसाइट संपादित करें

मान लीजिए कि आप एक वेब पेज बना रहे हैं, लेकिन आप रंग के बारे में उलझन में हैं योजना या नेविगेशन मेनू आकार या सामग्री या साइडबार अनुपात। आप Google क्रोम के इंस्पेक्ट एलिमेंट विकल्प का उपयोग करके अपनी लाइव वेबसाइट संपादित कर सकते हैं। यद्यपि आप लाइव वेबसाइट पर बदलावों को सहेज नहीं सकते हैं, आप सभी संपादन कर सकते हैं ताकि आप इसे और अधिक उपयोग कर सकें। ऐसा करने के लिए, तत्व का निरीक्षण करें, बाईं ओर से HTML प्रॉपर्टी का चयन करें और दाईं ओर स्टाइल परिवर्तन करें। यदि आप सीएसएस में कोई बदलाव करते हैं, तो आप फ़ाइल लिंक पर क्लिक कर सकते हैं, पूरे कोड की प्रतिलिपि बना सकते हैं और इसे मूल फ़ाइल में पेस्ट कर सकते हैं।

Google क्रोम के तत्व का निरीक्षण प्रत्येक वेब डेवलपर का असली साथी है। इससे कोई फ़र्क नहीं पड़ता कि आप एक पृष्ठ की वेबसाइट या गतिशील वेबसाइट विकसित कर रहे हैं, आप निश्चित रूप से इन युक्तियों का उपयोग कर सकते हैं।