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

Sofia Emelianova
Sofia Emelianova

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

הקטע 'לפני ואחרי': קישור של עוגנים מפורשים ומרומזים.

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

קטע הקוד לפני ואחרי הקישור בין ה-popovertarget לרכיב החלון הקופץ שלו.

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

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

גרסה משופרת של 'לעולם אל תשהו כאן'

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

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

הצגת תהליך העבודה בפעולה:

בעיה ב-Chromium: 40924349.

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

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

הלפני ואחרי ההוספה של פונקציות event listener שקשורות לגלילה מהירה.

בעיה ב-Chromium: 40286359.

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

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

הגדרות קבועות מראש לויסות נתונים (throttle) ברשת

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

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

בעיה ב-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, החלונית ביצועים מתעדת עכשיו את האירועים שליחת הודעת WebSocket ו-Receive WebSocket Message ומציגה אותם במעקב הביצועים. לדוגמה:

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

בעיה ב-Chromium: 40286129.

פרטים שונים

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

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

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

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

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

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

  • אפשר לשלוח לנו הצעה או משוב דרך crbug.com.
  • כדי לדווח על בעיה בכלי הפיתוח, לוחצים על אפשרויות נוספות   עוד > עזרה > דיווח על בעיות בכלי הפיתוח ב'כלי פיתוח'.
  • שליחת ציוץ אל @ChromeDevTools.
  • נשמח לשמוע מה חדש בסרטונים ב-YouTube של כלי הפיתוח או בסרטונים ב-YouTube שקשורים לכלי פיתוח.

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

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