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

Sofia Emelianova
Sofia Emelianova
GitHub

ניפוי באגים של תובנות נוספות באמצעות Gemini

בקטע ביצועים > תובנות, אפשר עכשיו ללחוץ על ניפוי באגים באמצעות AI (לשעבר שאלת AI) כדי להתכתב בצ'אט עם Gemini ולנפות באגים בחלונית עזרה מ-AI. כך אפשר לקבל תובנות נוספות לגבי הביצועים:

  • שיפור של שליחת התמונות
  • JavaScript מדור קודם
  • ‫JavaScript כפול
  • ‫HTTP מודרני

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

אמולציה של הכותרת Save-Data ב'תנאי רשת'

בחלונית Network conditions, אפשר עכשיו לבצע אמולציה של ההתנהגות של Save-Data request header. הכותרת הזו היא רמז ללקוח ברשת שמציין את ההעדפה של הלקוח לשימוש מופחת בנתונים. היא זמינה גם דרך navigator.connection.saveData API.

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

בעיה ב-Chromium: ‏ 40668980.

הצגת הסטטוס של Baseline בהסבר קצר על מאפיין CSS

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

התמונות שלפני ואחרי הוספת הסטטוס Baseline לתיאורי הכלים של מאפייני CSS.

בעיה ב-Chromium: ‏ 417749762.

ביטול הגורמים שמשפיעים על הטופס ברמזים על הלקוח (Client Hints) לגבי סוכן המשתמש

בתפריט הנפתח תנאי הרשת > איסוף אותות בצד הלקוח לגבי סוכן משתמש, יש עכשיו אפשרויות לשנות את גורמי הצורה, ובאופן ספציפי את הערכים של כותרת הבקשה Sec-CH-UA-Form-Factors.

האפשרויות לפני ואחרי הוספת האפשרויות לשינוי גורם הצורה לרמזים על הלקוח (Client Hints) לגבי הסוכן המשתמש.

בעיה ב-Chromium: ‏ 422218341.

Lighthouse 12.8.0

החלונית Lighthouse מריצה עכשיו את Lighthouse 12.8.0.

החידוש הבולט ביותר בגרסה הזו הוא דוח חדש שנוסף ל-Lighthouse: צמצום של פרצות אבטחה מסוג XSS מבוסס-DOM באמצעות Trusted Types.

אפשר גם לעיין ברשימת השינויים המלאה.

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

בעיה ב-Chromium: 40543651.

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

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

  • עזרה מ-AI:
    • היסטוריית הצ'אט מתנקה עכשיו כשמשביתים את תכונת ה-AI המתאימה בהגדרות.
    • נגישות: קוראי מסך מודיעים עכשיו על כותרות של הקשר בשלב מוקדם, על 'טעינת תשובה' כשהתשובה מתחילה להיות מוצגת באופן שוטף ועל 'התשובה מוכנה' כשהתשובה מושלמת.
  • Elements:
    • בכרטיסייה Styles אפשר עכשיו להעריך פונקציות CSS של sibling-index(),‏ sibling-count() ו-env() (crbug.com/417128001,‏ crbug.com/40196710).
    • הוספנו תמיכה ברכיב פסאודו ::view-transition-group-children (crbug.com/425901164).
    • הוספנו תמיכה בבעיות נגישות שקשורות לתוכן אינטראקטיבי ברכיב <summary> (crbug.com/427172874).
    • בכרטיסייה Computed, אפשר עכשיו לעבור למאפיינים ארוכים ב-Styles (crbug.com/41486012).
    • עורכי ההאצה וההאטה (Easing) והצבע: עכשיו אפשר ליצור אינטראקציה עם דוגמיות של עקומות בזייה למעברים של אנימציות ועם דוגמיות של צבעים באמצעות המקלדת (crbug.com/401213421).
  • רשת: ייבוא קובצי HAR כולל עכשיו גם קובצי Cookie של בקשות ותגובות (crbug.com/432995868).
  • מצב מכשיר: סוכני המשתמשים במכשירי Apple עודכנו לגרסה האחרונה של Safari‏ 18.5.

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

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

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

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

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

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