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

Sofia Emelianova
Sofia Emelianova
GitHub

קטע @property משופר בקטע 'רכיבים' > 'סגנונות'

כלל @property שניתן לעריכה

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

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

בעיה ב-Chromium: ‏ 1471123.

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

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

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

בעיה ב-Chromium: ‏ 1473283.

רשימה מעודכנת של מכשירים להדמיה

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

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

בעיה ב-Chromium: 1479733.

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

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

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

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

השלמה אוטומטית של שדות פרטיים במסוף

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

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

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

Lighthouse 11.1.0

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

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

בעיות ב-Chromium: 772558.

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

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

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

בנוסף, בחלונית 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 בודקים עכשיו אם לצילומי המסך של אפליקציית האינטרנט עם אותו form factor (wide או narrow) יש אותו יחס גובה-רוחב.

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

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

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

בעיה ב-Chromium: ‏ 1476656.

רגעי שיא שונים

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

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

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

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

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

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

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

רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.