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

Sofia Emelianova
Sofia Emelianova
GitHub

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

ההבדל בין קישור עוגנים מפורשים ומשתמעים.

בנוסף, ערך המאפיין popovertarget מקושר עכשיו לרכיב popover שלו ב-DOM.

לפני ואחרי הקישור של popovertarget לרכיב ה-popover שלו.

שיפורים בחלונית המקורות

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

שיפור של "אין להשהות כאן"

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

  • חריגות או דחיות של הבטחות מפונקציות מובנות.
  • "ביטול" של נקודות עצירה ב-DOM, ב-fetch/XHR ובהפרת CSP.
  • בפירוק של Wasm.

תהליך העבודה:

בעיה ב-Chromium: ‏ 40924349.

רכיבי event listener חדשים של גלילה עם נקודות עצירה (scroll snapping)

הרשימה מקורות > נקודות עצירה (breakpoint) של רכיבי event listener > שליטה מקבלת שני רכיבי listener שקשורים לגלילה עם נקודות עצירה (scroll snapping): scrollsnapchange ו-scrollsnapchanging. האירועים האלה מופעלים כשגוללים את מאגר הגלילה באופן שגורם לו להיצמד לאלמנט חדש.

לפני ואחרי הוספת רכיבי event listener שקשורים לגלילה עם נקודות עצירה.

בעיה ב-Chromium: ‏ 40286359.

שיפורים בחלונית "רשת"

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

הגדרות קבועות מראש מעודכנות להגבלת רוחב פס

בחלונית רשת יש הגדרות קבועות מראש מעודכנות לוויסות נתונים: האפשרות החדשה 4G מהיר, האפשרות 3G מהיר ששמה שונה ל-4G איטי והאפשרות 3G איטי ששמה שונה ל-3G. ההגדרה הזו תואמת יותר להגדרות הקבועות מראש של Lighthouse.

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

בעיה ב-Chromium: ‏ 342406608.

מידע על Service Worker בשדות בהתאמה אישית בפורמט HAR

כשמייצאים את יומן הרשת לפורמט HAR, אפשר לראות את המידע שקשור ל-Service Worker, כולל תזמונים, כשדות בהתאמה אישית (עם קו תחתון בתחילת השם). לדוגמה, יכול להיות שתמצאו את השדות החדשים הבאים ביומן:

...
"response": {
  ...
  "_fetchedViaServiceWorker": true,
  "_responseCacheStorageCacheName": "V1",
  "_serviceWorkerResponseSource": "cache-storage"
}
...
"timings": {
  ...
  "_workerStart": -1,
  "_workerReady": -1,
  "_workerFetchStart": -1,
  "_workerRespondWithSettled": -1
}
...

בעיה ב-Chromium: ‏ 342406608.

שליחה וקבלה של אירועי WebSocket בחלונית הביצועים

בדומה לאירועים אחרים של WebSocket, החלונית Performance מתעדת עכשיו את האירועים Send WebSocket Message ו-Receive WebSocket Message ומציגה אותם במעקב הביצועים. לדוגמה:

האירוע "קבלה של הודעת WebSocket" שתועד במעקב אחר הביצועים.

בעיה ב-Chromium: ‏ 40286129.

תכונות נוספות

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

  • נגישות: קוראי מסך מקריאים עכשיו את תוכן ההודעות במסוף כשגוללים ביומן באמצעות מקשי החיצים למעלה ולמטה (344484979).
  • מקורות:
    • דף: האפשרות שמירה בשם בתפריט שומרת עכשיו קובצי מודול של Wasm כקבצים בינאריים תקינים של wasm במקום טקסט Base64‏ (40784130).
    • סטאק ביצוע: הסרנו את הסיומת (async) מהתיאורים של מסגרות קריאה אסינכרוניות, ושינינו את ההדגשה שלהן מכתב נטוי לכתב מודגש (343750870).
  • זיכרון: הוסר InternalNodes מיותר בגודל אפס מהסיכום של תמונת מצב של ערימה (heap snapshot)‏ (340200025).
  • רשת: תוקן באג שמנע את התצוגה המקדימה של תוכן התגובה בסטרימינג לבקשות שהתחילו אבל עדיין לא קיבלו אירוע responseReceived ‏ (338340752).
  • ביצועים:
    • נתונים סטטיסטיים של הבורר: נוסף הסבר קצר בעמודה %-of-Slow-Path-Non-Matches ‏ (324282954).
    • מצב הגדרת המסלולים: הכפתור סיום הגדרת המסלולים הועבר לצד השמאלי התחתון (345256274).
  • מסוף: תוקן באג שגרם להצגת כמה הודעות זהות במסוף כשמנווטים באמצעות המטמון של הדפים הקודמים/הבאים (40894153).
  • הגדרות: הוספנו סמלי עזרה ליד כל הכרטיסיות.

הורדת הערוצים בגרסת טרום-השקה (Preview)

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

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

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

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

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