DevTools টিপস: কিভাবে CSS flexbox পরিদর্শন এবং ডিবাগ করবেন
bookmark_borderbookmark
সেভ করা পৃষ্ঠা গুছিয়ে রাখতে 'সংগ্রহ' ব্যবহার করুন
আপনার পছন্দ অনুযায়ী কন্টেন্ট সেভ করুন ও সঠিক বিভাগে রাখুন।
Sofia Emelianova
Chrome DevTools ডিবাগিং CSS flexbox লেআউটগুলিকে স্বজ্ঞাত করে তোলে৷ এলিমেন্টস প্যানেল আপনাকে একটি প্রসঙ্গ-সচেতন ফ্লেক্সবক্স সম্পাদক এবং কাস্টমাইজযোগ্য ওভারলে প্রদান করে।
কীভাবে করবেন তা জানতে ভিডিওটি দেখুন:
ফ্লেক্সবক্স এডিটর ব্যবহার করুন ফ্লেক্সবক্স বৈশিষ্ট্যগুলি টাইপ করার পরিবর্তে একটি বোতামে ক্লিক করে পরিবর্তন করুন।
আপনি এখনই যে পরিবর্তনগুলি করেছেন তা দেখতে ভিউপোর্টে ফ্লেক্সবক্স ওভারলে টগল করুন৷
সমস্ত উপাদানের একটি তালিকা দেখতে এলিমেন্টস > লেআউট > ফ্লেক্সবক্স বিভাগটি ব্যবহার করুন এবং তাদের DOM ট্রিতে সনাক্ত করুন। উপরন্তু, আপনি এখানে ওভারলে রং কাস্টমাইজ করতে পারেন.
[[["সহজে বোঝা যায়","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-তে শেষবার আপডেট করা হয়েছে।"],[],[]]
