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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

בעיה ב-Chromium: 336266699.

התעלמות מסקריפטים בתרשים הלהבות

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

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

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

בעיה ב-Chromium: 336266714.

ויסות נתונים (throttle) במעבד פי 20

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

התמונה משמאל מציגה את ההגדרות לפני הוספת האפשרות 'האטה פי 20' ל 'הגדרות הצילום', והתמונה מימין מציגה את ההגדרות אחרי ההוספה.

בעיה ב-Chromium: ‏ 324978881.

החלונית 'תובנות לגבי הביצועים' תוצא משימוש

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

באנר האזהרה על הוצאה משימוש בחלונית 'תובנות לגבי הביצועים'.

מידע נוסף זמין במאמר כלים לשיפור הביצועים בשנת 2024 ואילך.

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

הדבקה של מחרוזות כותרת מלאות כדי לשנות אותן

כשמחליפים כותרות, עכשיו אפשר להדביק מחרוזת כותרת שלמה (HEADER_NAME: VALUE) וכלי הפיתוח יפצלו את המחרוזת ב-: לשם הכותרת ולערך שלה.

בסרטון הבא אפשר לראות את התכונה בפעולה.

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

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

בנוסף, האפשרויות בתפריט והלחצנים עריכה מושבתים עבור כתובות URL מסוג chrome://, וזה תואם להתנהגות המצופה.

בעיות ב-Chromium: 330967147, ‏ 337012362, ‏ 328210785.

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

תמונות מצב של ערימות (heap snapshot) בחלונית זיכרון מקבלות מסננים חדשים שיכולים לעזור לכם למצוא מקרים נפוצים של שימוש לא יעיל בזיכרון, כמו מחרוזות כפולות, אובייקטים שנשמרו על ידי צומתי DOM מנותקים והמסוף של כלי הפיתוח.

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

בעיה ב-Chromium: ‏ 337094903.

בדיקת קטגוריות אחסון בקטע Application > Storage

עכשיו אפשר לבדוק את דלי האחסון בעץ ייעודי בקטע Application (אפליקציה) > Storage (אחסון). העץ הזה, שהיה ניסיוני בעבר, מופעל עכשיו כברירת מחדל.

התצוגה לפני ואחרי הפעלת העץ של קטגוריות האחסון בקטע 'אחסון'.

בעיה ב-Chromium: ‏ 338094915.

השבתת אזהרות לגבי XSS עצמי באמצעות דגל בשורת הפקודה

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

תיבת הדו-שיח עם האזהרה לגבי self-XSS במסוף.

מעכשיו אפשר להשבית את תיבת הדו-שיח הזו על ידי העברת --unsafely-disable-devtools-self-xss-warnings הדגל של שורת הפקודה אל Chrome.

בעיה ב-Chromium: ‏ 41491762.

Lighthouse 12.0.0

החלונית Lighthouse מריצה עכשיו את Lighthouse 12.0.0.

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

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

בעיה ב-Chromium: ‏ 772558.

מידע חשוב נוסף

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

  • ביצועים:
    • ההגדרות של הלכידה האיטית (הפעלת אינסטרומנטציה מתקדמת של צביעה והפעלת נתונים סטטיסטיים של סלקטור ב-CSS) מתבטלות עכשיו באופן אוטומטי בסשן הבא של כלי הפיתוח.
    • בכרטיסייה Selector Stats, הגלילה לתחתית כבר לא מתבצעת באופן אוטומטי כשמבצעים זום בתרשים הלהבות והנתונים משתנים (337999939).
  • מסוף: קיצור הדרך Ctrl+` סוגר עכשיו את המסוף במגירה רק אם הוא במצב ממוקד (40875466, ‏ 328210785).
  • מילוי אוטומטי: תוקן ניתוח הכתובות (335409093, 335409707).
  • נגישות: תוקנו ההודעות של קורא המסך למחרוזות מקומיות (324930007).

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

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

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

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

  • אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
  • אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
  • שולחים ציוץ אל ‎@ChromeDevTools.
  • אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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