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

הקטע @property ב-Elements (רכיבים) > Styles (סגנונות) שופר

כלל אחד (@property) שניתן לעריכה

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

בעיה ב-Chromium: ‏ 1471123.

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

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

בעיה ב-Chromium: ‏ 1473283.

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

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

בעיה ב-Chromium: 1479733.

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

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

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

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

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

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

‫Lighthouse 11.1.0

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

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

בעיות ב-Chromium: 772558.

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

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

• אזהרות ושגיאות במסוף.
• הטקסט בתיבת הדו-שיח הקוד הזה מהימן? כשמדביקים קוד במסוף או במקורות.

בנוסף, בחלונית 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.

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

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