Sofia Emelianova
כלי הפיתוח ל-Chrome הופך את הפריסה של ניפוי באגים ב-CSS לאינטואיטיביות. החלונית רכיבים מספקת Flexbox Editor מבוסס-הקשר ושכבת-על ניתנת להתאמה אישית.
צפו בסרטון כדי ללמוד כיצד:
- אפשר להשתמש ב-Flexbox Editor כדי לשנות מאפייני flexbox בלחיצה אחת במקום להקליד אותם.
- מחליפים את מצב שכבת-העל של Flexbox באזור התצוגה כדי לראות את השינויים שאתם מבצעים מיד.
- השתמש בקטע רכיבים > פריסה > Flexbox כדי לראות רשימה של כל הרכיבים ולאתר אותם בעץ ה-DOM. כמו כן, ניתן להתאים אישית כאן את צבעי שכבות-העל.
מידע נוסף על CSS flexbox באופן כללי זמין במאמר מידע על CSS > Flexbox.
כדי ליהנות מחוויה מעשית יותר של ניפוי באגים בכלי הפיתוח, מומלץ לפעול לפי המדריך בדיקה וניפוי באגים של פריסות flexbox של CSS.