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