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

Sofia Emelianova
Sofia Emelianova
GitHub

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

הקישורים לפני ואחרי הוספת העוגנים הגלויים והסמויים.

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

המאפיינים before ו-after של popovertarget מקשרים אותו לרכיב popover.

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

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

האפשרות 'אין להשהות כאן' משופרת

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

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

הדגמה של תהליך העבודה:

בעיה ב-Chromium: ‏ 40924349.

פונקציות חדשות של event listener לגלילה עם הצמדה

הרשימה Sources > Event Listener Breakpoints > Control כוללת שני listeners שקשורים ל-scroll-snap: ‏ scrollsnapchange ו-scrollsnapchanging. האירועים האלה מופעלים כשגוללים את מאגר הגלילה באופן שגורם לו להיצמד לאלמנט חדש.

התמונה מציגה את הקוד לפני ואחרי הוספת מאזיני אירועים שקשורים ל-scroll-snap.

בעיה ב-Chromium: 40286359.

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

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

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

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

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

בעיה ב-Chromium: ‏ 342406608.

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

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

...
"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).
    • Call stack: הוסרה הסיומת (async) מתיאורי מסגרות של קריאות אסינכרוניות, וההדגשה שלהן השתנתה מכתב נטוי לכתב מודגש (343750870).
  • Memory: Removed the unnecessary zero-sized InternalNodes from heap snapshot Summary (340200025).
  • רשת: תוקן באג שמנע את התצוגה המקדימה של תוכן תגובה לסטרימינג לבקשות שהתחילו אבל עדיין לא קיבלו אירוע responseReceived (338340752).
  • ביצועים:
    • נתונים סטטיסטיים של הבורר: נוסף הסבר קצר על העמודה %-of-Slow-Path-Non-Matches (324282954).
    • מצב הגדרת מסלולים: הלחצן סיום הגדרת המסלולים הועבר לפינה השמאלית התחתונה (345256274).
  • מסוף: תוקנה באג שגרם להצגה של כמה הודעות זהות במסוף כשניווטו באמצעות מטמון אחורה/קדימה (40894153).
  • הגדרות: נוספו סמלי עזרה לצד כל הכרטיסיות.

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

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

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

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

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

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