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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

עכשיו אפשר להיכנס למצב הגדרת הטראק בלחיצה ימנית על שם הטראק ובחירה באפשרות Configure tracks (הגדרת טראקים). הלחצן 'עריכה', שדרש מקום נוסף, הוסר.

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

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

בעיה ב-Chromium: ‏ 336266699.

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

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

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

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

בעיה ב-Chromium: ‏ 336266714.

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

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

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

בעיה ב-Chromium: ‏ 324978881.

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

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

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

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

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

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

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

בסרטון הבא אפשר לראות איך זה עובד.

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

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

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

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

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

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

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

בעיה ב-Chromium: ‏ 337094903.

בדיקת קטגוריות האחסון בקטע Application (אפליקציה) > Storage (אחסון)

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

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

בעיה ב-Chromium: ‏ 338094915.

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

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

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

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

בעיה ב-Chromium: ‏ 41491762.

Lighthouse 12.0.0

בחלונית Lighthouse פועלת עכשיו גרסת Lighthouse 12.0.0.

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

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

בעיה ב-Chromium: ‏ 772558.

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

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

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

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

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

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

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

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

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