Sofia Emelianova
Chrome DevTools की मदद से, सीएसएस फ़्लेक्सबॉक्स लेआउट को आसानी से डीबग किया जा सकता है. एलिमेंट पैनल में, कॉन्टेक्स्ट के हिसाब से काम करने वाला फ़्लेक्सबॉक्स एडिटर और पसंद के मुताबिक बनाया जा सकने वाला ओवरले मिलता है.
इन कामों को करने का तरीका जानने के लिए वीडियो देखें:
- फ़्लेक्सबॉक्स एडिटर का इस्तेमाल करके, फ़्लेक्सबॉक्स प्रॉपर्टी को टाइप करने के बजाय, एक बटन पर क्लिक करके बदलें.
- किए गए बदलावों को तुरंत देखने के लिए, व्यूपोर्ट में फ़्लेक्सबॉक्स ओवरले को टॉगल करें.
- सभी एलिमेंट की सूची देखने और उन्हें डीओएम ट्री में ढूंढने के लिए, एलिमेंट > लेआउट > फ़्लेक्सबॉक्स सेक्शन का इस्तेमाल करें. इसके अलावा, यहां ओवरले के रंगों को अपनी पसंद के मुताबिक बनाया जा सकता है.
सीएसएस फ़्लेक्सबॉक्स के बारे में ज़्यादा जानने के लिए, सीएसएस > फ़्लेक्सबॉक्स के बारे में जानें लेख पढ़ें.
DevTools में डीबग करने का ज़्यादा बेहतर अनुभव पाने के लिए, सीएसएस फ़्लेक्सबॉक्स लेआउट की जांच करना और उन्हें डीबग करना ट्यूटोरियल देखें.