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