Sofia Emelianova
DevTools में रेंडरिंग टैब की सुविधाओं की खास जानकारी के साथ, वेब कॉन्टेंट के रेंडर होने पर असर डालने वाले विकल्पों का कलेक्शन देखें.
खास जानकारी
रेंडरिंग टैब की मदद से:
- रेंडरिंग की परफ़ॉर्मेंस से जुड़ी समस्याओं के बारे में जानें. पेज को फिर से पेंट करने, लेआउट में बदलाव, लेयर और टाइल, स्क्रोल करने से जुड़ी समस्याओं का पता लगाएं. साथ ही, रेंडरिंग के आंकड़ों और वेबसाइट की परफ़ॉर्मेंस की अहम जानकारी देखें.
- सीएसएस मीडिया फ़ीचर को एम्युलेट करें. यह जांचें कि पेज, अलग-अलग सीएसएस मीडिया फ़ीचर के साथ कैसे रेंडर होते हैं. इसके लिए, आपको अपने कोड या टेस्टिंग एनवायरमेंट में, इन फ़ीचर के बारे में मैन्युअल तौर पर बताने की ज़रूरत नहीं है.
- काम के अन्य इफ़ेक्ट इस्तेमाल करना. विज्ञापन फ़्रेम को हाइलाइट करें, किसी पेज पर फ़ोकस करें, स्थानीय फ़ॉन्ट और इमेज फ़ॉर्मैट बंद करें, गहरे रंग वाली थीम अपने-आप चालू करें, और आंखों की कमियों को एमुलेट करें.
रेंडरिंग टैब खोलें
रेंडरिंग टैब खोलने के लिए:
कमांड मेन्यू खोलने के लिए, Command+Shift+P (Mac) या Control+Shift+P (Windows, Linux, ChromeOS) दबाएं.
renderingटाइप करें. इसके बाद, रेंडरिंग दिखाएं को चुनें और Enter दबाएं. DevTools, आपकी DevTools विंडो में सबसे नीचे रेंडरिंग टैब दिखाता है.
इसके अलावा, रेंडरिंग टैब को इन तरीकों से भी खोला जा सकता है:
- ड्रॉअर खोलने के लिए, Esc दबाएं. इसके बाद, सबसे ऊपर बाएं कोने में, ज़्यादा टूल
> रेंडरिंग पर क्लिक करें. - सबसे ऊपर दाएं कोने में, ज़्यादा विकल्प
> ज़्यादा टूल > रेंडरिंग पर क्लिक करें.