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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

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

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

בעיה ב-Chromium: 336266699.

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

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

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

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

בעיה ב-Chromium: 336266714.

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

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

התמונה משמאל מציגה את ההגדרות לפני הוספת האפשרות 'האטה פי 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 (אחסון). העץ הזה, שהיה ניסיוני בעבר, מופעל עכשיו כברירת מחדל.

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

בעיה ב-Chromium: ‏ 338094915.

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

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

תיבת הדו-שיח עם האזהרה על 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

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

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

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