DevTools के बारे में सलाह: सीएसएस फ़्लेक्सबॉक्स की जांच करने और उसे डीबग करने का तरीका
संग्रह की मदद से व्यवस्थित रहें
अपनी प्राथमिकताओं के आधार पर, कॉन्टेंट को सेव करें और कैटगरी में बांटें.
Chrome DevTools की मदद से, सीएसएस फ़्लेक्सबॉक्स लेआउट को आसानी से डीबग किया जा सकता है. एलिमेंट पैनल में, कॉन्टेक्स्ट के हिसाब से काम करने वाला फ़्लेक्सबॉक्स एडिटर और पसंद के मुताबिक बनाया जा सकने वाला ओवरले मिलता है.
इन कामों को करने का तरीका जानने के लिए वीडियो देखें:
- फ़्लेक्सबॉक्स एडिटर का इस्तेमाल करके, फ़्लेक्सबॉक्स प्रॉपर्टी को टाइप करने के बजाय, एक बटन पर क्लिक करके बदलें.
- किए गए बदलावों को तुरंत देखने के लिए, व्यूपोर्ट में फ़्लेक्सबॉक्स ओवरले को टॉगल करें.
- सभी एलिमेंट की सूची देखने और उन्हें डीओएम ट्री में ढूंढने के लिए, एलिमेंट > लेआउट > फ़्लेक्सबॉक्स सेक्शन का इस्तेमाल करें. इसके अलावा, यहां ओवरले के रंगों को अपनी पसंद के मुताबिक बनाया जा सकता है.
सीएसएस फ़्लेक्सबॉक्स के बारे में ज़्यादा जानने के लिए, सीएसएस सीखें > फ़्लेक्सबॉक्स लेख पढ़ें.
DevTools में डीबग करने का ज़्यादा बेहतर अनुभव पाने के लिए, सीएसएस फ़्लेक्सबॉक्स लेआउट की जांच करना और उन्हें डीबग करना ट्यूटोरियल देखें.
जब तक कुछ अलग से न बताया जाए, तब तक इस पेज की सामग्री को Creative Commons Attribution 4.0 License के तहत और कोड के नमूनों को Apache 2.0 License के तहत लाइसेंस मिला है. ज़्यादा जानकारी के लिए, Google Developers साइट नीतियां देखें. Oracle और/या इससे जुड़ी हुई कंपनियों का, Java एक रजिस्टर किया हुआ ट्रेडमार्क है.
आखिरी बार 2022-09-01 (UTC) को अपडेट किया गया.
[[["समझने में आसान है","easyToUnderstand","thumb-up"],["मेरी समस्या हल हो गई","solvedMyProblem","thumb-up"],["अन्य","otherUp","thumb-up"]],[["वह जानकारी मौजूद नहीं है जो मुझे चाहिए","missingTheInformationINeed","thumb-down"],["बहुत मुश्किल है / बहुत सारे चरण हैं","tooComplicatedTooManySteps","thumb-down"],["पुराना","outOfDate","thumb-down"],["अनुवाद से जुड़ी समस्या","translationIssue","thumb-down"],["सैंपल / कोड से जुड़ी समस्या","samplesCodeIssue","thumb-down"],["अन्य","otherDown","thumb-down"]],["आखिरी बार 2022-09-01 (UTC) को अपडेट किया गया."],[],[],null,[]]
