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

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

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

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

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

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

בעיה ב-Chromium: 336266699.

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

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

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

בעיה ב-Chromium: 336266714.

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

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

בעיה ב-Chromium: 324978881.

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

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

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

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

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

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

ניתן לראות את זה בפעולה בסרטון הבא.

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

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

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

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

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

בעיה ב-Chromium: 337094903.

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

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

בעיה ב-Chromium: 338094915.

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

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

עכשיו אפשר להשבית את תיבת הדו-שיח הזו על-ידי העברת דגל שורת הפקודה (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) יימחקו באופן אוטומטי בסשן הבא של כלי הפיתוח.
  • הכרטיסייה נתונים סטטיסטיים של הבורר לא נגללת למטה באופן אוטומטי כשמגדילים את התצוגה בתרשים הלהבות ושינויים בנתונים (337999939).
• מסוף: מקש הקיצור Ctrl+` סוגר עכשיו את המסוף בחלונית ההזזה רק אם הוא מודגש (40875466, 328210785).
• מילוי אוטומטי: ניתוח הכתובת קבוע (335409093, 335409707).
• נגישות: הודעות של קורא מסך עם מחרוזות שהותאמו לשוק המקומי (324930007).

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

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

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

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

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

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

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