रेंडरिंग टैब की खास जानकारी

DevTools में रेंडरिंग टैब की सुविधाओं की इस खास जानकारी की मदद से, वेब कॉन्टेंट रेंडरिंग पर असर डालने वाले विकल्पों के बारे में जानें.

खास जानकारी

रेंडरिंग टैब से आपको इन कामों में मदद मिलती है:

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

रेंडरिंग टैब खोलें

रेंडरिंग टैब खोलने के लिए:

1. DevTools खोलें.

2. Command मेन्यू खोलने के लिए, Command Shift P (Mac) या Control Shift P (Windows, Linux, ChromeOS) दबाएं.

   

3. rendering टाइप करना शुरू करें, रेंडरिंग दिखाएं को चुनें, और Enter दबाएं. DevTools आपकी DevTools विंडो के नीचे रेंडरिंग टैब दिखाता है.

इसके अलावा, रेंडरिंग टैब को इन तरीकों से खोला जा सकता है:

• ड्रॉर खोलने के लिए Esc दबाएं और सबसे ऊपर बाएं कोने में ज़्यादा टूल > रेंडरिंग पर क्लिक करें.
• सबसे ऊपर दाएं कोने में, ज़्यादा विकल्प > ज़्यादा टूल > रेंडरिंग पर क्लिक करें.