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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

בדומה לתפריט ההקשר בחלונית Elements, כדי לפתוח את החלונית AI assistance ולהתחיל את הצ'אט עם Gemini, אפשר ללחוץ לחיצה ימנית ולבחור באפשרות Ask AI או ללחוץ על הלחצן Ask 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, שזמין עכשיו ב-DevTools, השקת התכונות האלה מסמנת את סיום התמיכה בתוסף Web Vitals.

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

מידע על חסימת עיבוד בכרטיסייה 'סיכום'

כשבוחרים בקשת רשת שמסומנת במשולש אדום בכרטיסייה 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 מוצגים עכשיו סמלים של animation Jump to Animations panel לצד הערך של מאפייני animation, כך שקל לבדוק אנימציות שם.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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