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

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

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

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

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

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

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

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

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

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

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

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

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

כדי להתאים את העיצוב של ממשק המשתמש, הגדרות DevTools נראות עכשיו דומות יותר להגדרות של 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.