نصائح حول أدوات مطوري البرامج: كيفية فحص تطبيق flexbox في CSS وتصحيح الأخطاء فيه

Sofia Emelianova
Sofia Emelianova

تسهّل "أدوات مطوري البرامج في Chrome" تصحيح أخطاء تنسيقات flexbox في CSS. توفّر لك لوحة العناصر محرِّر Flexbox الواعي بالسياق وتراكب قابل للتخصيص.

شاهِد الفيديو للتعرُّف على كيفية:

  • استخدِم أداة تعديل Flexbox لتغيير خصائص flexbox بنقرة زر بدلاً من كتابتها.
  • بدِّل حالة Flexbox المركّبة في إطار العرض لرؤية التغييرات التي تجريها على الفور.
  • استخدِم قسم العناصر > التنسيق > Flexbox للاطّلاع على قائمة بجميع العناصر وتحديد موقعها في شجرة نموذج العناصر في المستند (DOM). بالإضافة إلى ذلك، يمكنك تخصيص ألوان التراكب هنا.

لمعرفة المزيد من المعلومات عن CSS بشكل عام، اطّلِع على مقالة التعرّف على CSS > Flexbox.

للحصول على تجربة تصحيح أخطاء عملية في "أدوات مطوري البرامج"، يُرجى اتّباع الدليل التعليمي فحص تنسيقات CSS flexbox وتصحيح الأخطاء فيها.