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

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

כלל @property שאפשר לערוך

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

בעיה ב-Chromium: ‏ 1471123.

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

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

בעיה ב-Chromium: ‏ 1473283.

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

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

בעיה ב-Chromium: 1479733.

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

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

בעיות ב-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.

בעיות ב-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

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

• אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
• אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל more_vert אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
• שולחים ציוץ אל ‎@ChromeDevTools.
• להשאיר תגובות בסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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