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

विषयसूची:

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

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

वीडियो: Google क्रोम ब्राउज़र के निरीक्षण तत्व का उपयोग करने पर युक्तियाँ
वीडियो: Xbox Live Creators Program - YouTube 2024, नवंबर
Anonim

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

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

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

Image
Image

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

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

Image
Image

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

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

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

Image
Image

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

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

Image
Image

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

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

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

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

सिफारिश की: