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