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

Sofia Emelianova
Sofia Emelianova

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

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

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

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

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

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

בעיה ב-Chromium: 336266699.

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

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

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

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

בעיה ב-Chromium:‏ 336266714.

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

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

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

בעיה ב-Chromium:‏ 324978881.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

בעיה ב-Chromium: 337094903.

בדיקת קטגוריות האחסון ב'אפליקציה' > 'אחסון'

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

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

בעיה ב-Chromium: 338094915.

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

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

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

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

פנייה לצוות של כלי הפיתוח ל-Chrome

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

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

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