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

Sofia Emelianova
Sofia Emelianova
GitHub

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

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

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

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

הלחצנים והאפשרות בתפריט של Ask AI בקטע 'רשת', 'מקורות' ו'ביצועים'.

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

צוות DevTools ישמח לקבל משוב בנושא הזה בכתובת crbug.com/364805393.

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

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

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

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

ניהול האחסון של התוסף בקטע 'אפליקציה' > 'אחסון'

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אמולציה של לחץ במחשב ב-Sensors

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

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

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

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

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

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

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

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

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

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

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

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

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

רגעי שיא שונים

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

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

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

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

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

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

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

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