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

Tips Using Inspect Element Google Chrome Browser



यह मानकर कि आप Google Chrome ब्राउज़र में निरीक्षण तत्व सुविधा का उपयोग करने के बारे में सुझाव चाहते हैं: उस तत्व पर राइट-क्लिक करें जिसका आप निरीक्षण करना चाहते हैं और ड्रॉप-डाउन मेनू से 'निरीक्षण' चुनें। इंस्पेक्टर को खोलने के लिए आप कीबोर्ड शॉर्टकट Ctrl+Shift+I (Windows) या Cmd+Opt+I (Mac) का भी उपयोग कर सकते हैं। एक बार जब आपके पास इंस्पेक्टर खुल जाता है, तो आप बाईं ओर पेज के लिए HTML और दाईं ओर CSS देखेंगे। आप इंस्पेक्टर में HTML और CSS में परिवर्तन कर सकते हैं और उन परिवर्तनों को तुरंत पृष्ठ पर प्रभावी होते देख सकते हैं। इंस्पेक्टर से बाहर निकलने के लिए, बस ऊपरी-दाएँ कोने में X पर क्लिक करें।



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





Google क्रोम तत्व की जांच करें

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





Google क्रोम तत्व की जांच करें



उपयोगकर्ता प्रोफ़ाइल विंडोज़ 10 हटाएं

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

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

Google क्रोम तत्व, टिप्स और ट्रिक्स का निरीक्षण करें



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

विंडोज़ 10 में एक डिफ़ॉल्ट प्रिंटर कैसे सेट करें

बख्शीश : इन पर गौर करें ऑनलाइन कलर पिकर टूल्स वही।

सक्षम विंडोज़

3] वेब पेज के प्रदर्शन में सुधार के लिए सुझाव प्राप्त करें

Google क्रोम तत्व, टिप्स और ट्रिक्स का निरीक्षण करें

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

4] प्रतिक्रिया का परीक्षण करें

Google क्रोम तत्व, टिप्स और ट्रिक्स का निरीक्षण करें

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

अक्षम बूट बूट विंडोज़ 10

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

Google क्रोम तत्व, टिप्स और ट्रिक्स का निरीक्षण करें

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

विंडोज त्रुटियों को जल्दी से खोजने और स्वचालित रूप से ठीक करने के लिए पीसी रिपेयर टूल डाउनलोड करें

इंस्पेक्ट एलिमेंट फ्रॉम गूगल क्रोम प्रत्येक वेब डेवलपर का सच्चा साथी है। चाहे आप एक पृष्ठ की वेबसाइट या गतिशील वेबसाइट डिजाइन कर रहे हों, आप निश्चित रूप से इन सुझावों से लाभान्वित हो सकते हैं।

लोकप्रिय पोस्ट