מה חדש בכלי הפיתוח, גרסה 132 של Chrome

Sofia Emelianova

ניפוי באגים בבקשות רשת, בקובצי מקור ובמעקב אחר ביצועים באמצעות Gemini

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

בדומה לתפריט ההקשר בחלונית רכיבים, כדי לפתוח את החלונית עזרה מ-AI ולהתחיל את הצ'אט עם Gemini, אפשר ללחוץ לחיצה ימנית ולבחור באפשרות שאלת AI או ללחוץ על הלחצן שאלת AI לצד האפשרויות הבאות:

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

לחצני Ask AI (שאלת שאלות באמצעות AI) ואפשרות בתפריט בכרטיסיות Network (רשת), Sources (מקורות) ו-Performance (ביצועים).

‫Gemini יתחשב בהקשר של הבקשה, הקובץ או הפעילות שנבחרו.

צוות כלי הפיתוח ישמח לקבל את המשוב שלכם בכתובת crbug.com/364805393.

היסטוריית הצ'אט עם AI

מעכשיו אפשר לשחזר ולראות שיחות קודמות עם Gemini בחלונית AI assistance (עזרה מבוססת-AI). כדי לעשות את זה, לוחצים על הלחצן New chat (הוספה) בפינה הימנית העליונה של החלונית, או על הלחצנים והאפשרויות בתפריט Ask AI (שאלת שאלות ל-AI) בחלונית Network (רשת), בכרטיסייה Sources (מקורות) > Page (דף) ובכרטיסייה Performance (ביצועים) > Main (ראשי).

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

היסטוריית הצ'אט עם ה-AI בתפריט הנפתח שמתחת ללחצן 'היסטוריה'.

ניהול האחסון של התוסף בקטע Application > Storage (אפליקציה > אחסון)

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

התמונה שלפני ואחרי הוספת הקטע 'אחסון של תוסף' לחלונית 'אפליקציה'.

בעיה ב-Chromium: ‏ crbug.com/40963428.

שיפורי ביצועים

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

שלבי האינטראקציה במדדים בזמן אמת

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

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

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

בעיה ב-Chromium: crbug.com/369097528.

מידע על חסימת עיבוד בכרטיסייה Summary (סיכום)

כשבוחרים בקשת רשת שמסומנת במשולש אדום במסלול Performance (ביצועים) > Network (רשת), בכרטיסייה Summary (סיכום) מוצג עכשיו גם שהבקשה חוסמת את העיבוד, בנוסף לתיאור הכלים (שעבר שינוי).

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

תמיכה באירועים מסוג `scheduler.postTask` ובחיצים שמציינים את הגורם המפעיל שלהם

בכרטיסייה ביצועים > ראשי, מוצגים עכשיו אירועים מסוג scheduler.postTask() וחצים שמציינים את הגורם המפעיל בין:

‫Schedule postTask -> ‏Fire postTask
‫Schedule postTask -> ‏Abort postTask

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

בעיה ב-Chromium: ‏ crbug.com/40775984.

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

בגרסה הזו יש כמה שיפורים בחלונית Animations ובכרטיסייה Elements > Styles.

מעבר מ-Elements > Styles ל-Animations

בכרטיסייה Elements > Styles, סמלי animation Jump to Animations panel מוצגים עכשיו לצד הערך של מאפייני animation, כך שאפשר לבדוק בקלות את האנימציות.

התמונה משמאל מציגה את החלונית Styles (סגנונות) לפני הוספת קישור לחלונית Animations (אנימציות). התמונה מימין מציגה את החלונית Styles (סגנונות) אחרי הוספת קישור לחלונית Animations (אנימציות).

עדכונים בזמן אמת בכרטיסייה 'מחושב'

בכרטיסייה Elements > Computed, הערכים המחושבים מתעדכנים עכשיו בזמן אמת, למשל כשהאנימציות מתעדכנות.

אמולציה של לחץ במחשוב בחיישנים

בחלונית Sensors (חיישנים) אפשר עכשיו לבצע אמולציה של עומס על יחידות ה-CPU‏ Nominal, Fair, Serious ו-Critical.

התמונה מציגה את החלונית Sensors (חיישנים) לפני ואחרי הוספת האפשרות CPU pressure emulation (הדמיה של עומס על המעבד).

בעיה ב-Chromium: crbug.com/362277525.

אובייקטים של JS עם אותו שם מקובצים לפי מקור בחלונית Memory (זיכרון)

בחלונית Memory יש עכשיו הבחנה בין אובייקטים של JS עם אותו שם שמגיעים ממקורות שונים, והם מקובצים בהתאם.

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

בעיה ב-Chromium: ‏ crbug.com/357902505.

מראה חדש להגדרות

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

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

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

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

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

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

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

ביצועים:
- הסרנו מגבלה מיותרת של 3 תווים לשאילתות חיפוש.
- נוסף לחצן Home שמאפשר לחזור למסך המדדים בזמן אמת.
- תוקנו קיצורי הדרך לשינוי מרחק התצוגה של עקבות Shift+S/W, שלא פעלו קודם.
Elements > Styles:
- נוספה anchor-center להשלמה האוטומטית 341991541.
- תוקן באג שגרם לכך שעורך flexbox לא היה זמין לערכים של 2 מילים 341964645.
רשת: כשלים באחזור מראש מוצגים עכשיו כאזהרות צהובות במקום כשגיאות אדומות, כדי לציין שהצגת התוכן לא מושפעת 372055494.

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

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

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

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

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