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