מה חדש בכלי הפיתוח (Chrome 119)

Sofia Emelianova
Sofia Emelianova
GitHub

הקטע @property ב-Elements > Styles שופר

כלל שניתן לערוך (@property)

עכשיו אפשר לערוך את @property כלל ה-CSS בקטע המתאים בחלונית Elements (רכיבים) > Styles (סגנונות).

התמונה שלפני ואחרי שהכלל של הנכס הפך לעריכה.

בעיה ב-Chromium: ‏ 1471123.

מדווח על בעיות שקשורות לכללי @property לא תקינים

בכרטיסייה בעיות מוצגות עכשיו בעיות שקשורות להצהרות לא חוקיות בכללי @property.

בעיות בכלל הנכס שדווחו בכרטיסייה 'בעיות'.

בעיה ב-Chromium: ‏ 1473283.

רשימת המכשירים שניתן לבצע להם אמולציה עודכנה

מחרוזות סוכן המשתמש בהגדרות. הגדרות > מכשירים עודכנו כדי לשקף את השימוש הממוצע בדפדפנים ובמערכות הפעלה. מעכשיו אפשר לבצע אמולציה של יותר מכשירים עדכניים במצב מכשיר.

התמונה משמאל מציגה את רשימת המכשירים לפני העדכון, והתמונה מימין מציגה את רשימת המכשירים אחרי העדכון.

בעיה ב-Chromium: 1479733.

הדפסה יפה של JSON מוטבע בתגי סקריפט בכרטיסייה Sources

החלונית מקורות תומכת עכשיו בהדפסה מעוצבת של JSON מוטבע בתגי HTML‏ <script>, כדי להקל על ניפוי הבאגים.

הקוד לפני ואחרי ההדפסה היפה של ה-JSON המוטבע בתג הסקריפט.

בעיות ב-Chromium: 406900, ‏ 1473875.

השלמה אוטומטית של שדות פרטיים ב-Console

עכשיו אפשר להשלים אוטומטית שדות של מחלקה פרטית כשמעריכים אותם מחוץ להיקף המחלקה במסוף.

ההשלמה האוטומטית תומכת בשדה של מחלקה פרטית מחוץ להיקף המחלקה.

בעיות ב-Chromium: 1483848, 1381806.

‫Lighthouse 11.1.0

בחלונית Lighthouse מופעלת עכשיו גרסה 11.1.0 של Lighthouse. רשימת השינויים המלאה

כדי ללמוד את היסודות של השימוש בחלונית Lighthouse בכלי הפיתוח, אפשר לעיין במאמר Lighthouse: אופטימיזציה של מהירות האתר.

בעיות ב-Chromium: 772558.

שיפורים בנגישות

קוראי המסך יקריאו עכשיו את הטקסט הבא:

  • אזהרות ושגיאות במסוף.
  • הטקסט בתיבת הדו-שיח Do you trust this code?‎ (האם אתה בוטח בקוד הזה?) כשמדביקים קוד במסוף או במקורות.

בנוסף, בחלונית Application (אפליקציה) תוקנו בעיות בניגודיות של קישורים במצב ניגודיות גבוהה.

בעיות ב-Chromium: 1485257, ‏ 1486643, ‏ 1485263.

הוצאה משימוש של Web SQL

הקטע Application > Web SQL יוסר ב-Chrome 123 כי Web SQL Database API לא מתוחזק יותר. בגרסה הזו נוספה אזהרה לקטע בנושא ההסרה הקרובה.

אזהרה לגבי הוצאה משימוש של Web SQL.

מידע נוסף זמין במאמר הוצאה משימוש והסרה של Web SQL.

בעיות ב-Chromium: 1485966.

אימות יחס גובה-רוחב של צילום מסך בקטע Application > Manifest

בקטע Application > Manifest, המערכת בודקת עכשיו אם לצילומי המסך של אפליקציית האינטרנט עם אותו גורם צורה (wide או narrow) יש אותו יחס גובה-רוחב.

אזהרה על יחס גובה-רוחב שגוי של צילומי מסך עם אותו גורם צורה.

מידע נוסף זמין במאמרים בנושא ניפוי באגים ב-Progressive Web Apps והוספת מניפסט של אפליקציית אינטרנט.

צוות DevTools מודה ל-Alexey Rodionov על הטמעת השינוי הזה ושיפורים אחרים באזהרות המניפסט בגרסה הקודמת.

בעיה ב-Chromium: ‏ 1476656.

מידע חשוב נוסף

אלה כמה מהתיקונים והשיפורים החשובים בגרסה הזו:

  • Elements:
    • לא מוצגים דוגמיות של פונקציות תזמון של אנימציה למאפייני CSS ארוכים מתחת למאפייני CSS מקוצרים שניתנים להרחבה (1149182).
    • ההשלמה האוטומטית של contain-intrinsic-* לא מספקת יותר את הערך השגוי auto כי הערך הנכון הוא auto <length> (1480415).
    • הוסר התמיכה במאפייני -webkit-* שהוצאו משימוש ובמאפיינים לא תקינים (1086089, ‏ 1030765).
  • נקודות עצירה (breakpoints): תוקן הבאג שגורם לתיבת הדו-שיח לעריכת נקודת עצירה להיעלם כשמשנים את סוג נקודת העצירה (1485782).
  • ביצועים:
    • תוקנה שגיאת הניתוח של הצבע במהלך הקלטת הביצועים (1480205).
    • תוקן הבאג שגרם לכך שערך LCP לא הוצג בטראק Timings (1487136).
  • רשת: בעמודה הגדרת קובצי Cookie מוצג עכשיו המספר הנכון של קובצי ה-Cookie שהוגדרו, לא כולל קובצי Cookie חסומים (1486903).
  • תוספים לכלי הפיתוח נטענים עכשיו אחרי ניווט למארח שלא נחסם (1476264).
  • תוקן הבאג שקשור להקשר שגוי של הפעלת סקריפט לתוספים (1275331).

הורדת ערוצי התצוגה המקדימה

מומלץ להשתמש ב-Chrome Canary,‏ Dev או Beta כדפדפן ברירת המחדל לפיתוח. ערוצי התצוגה המקדימה האלה מאפשרים לכם לגשת לתכונות העדכניות ביותר של DevTools, לבדוק ממשקי API מתקדמים של פלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם ייתקלו בהן.

יצירת קשר עם הצוות של כלי הפיתוח ל-Chrome

אפשר להשתמש באפשרויות הבאות כדי לדון בתכונות החדשות, בעדכונים או בכל דבר אחר שקשור לכלי הפיתוח.

מה חדש בכלי הפיתוח

רשימה של כל הנושאים שמופיעים בסדרת המאמרים מה חדש בכלי הפיתוח.