מה חדש בכלי הפיתוח, 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.

ההבדל בין המצב לפני הוספת האפשרות 'חיקוי של כותרת בקשת Save-Data' לבין המצב אחרי ההוספה של האפשרות הזו ל 'תנאי הרשת'.

בעיה ב-Chromium: ‏ 40668980.

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

בקטע Elements > Styles, כשמעבירים את העכבר מעל מאפיין CSS כלשהו, אפשר לראות עכשיו, מתחת להגדרה של המאפיין, את הזמינות שלו בדפדפנים מרכזיים לפי סטטוס 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).
  • מצב מכשיר: סוכני משתמשים (user agents) למכשירי Apple עודכנו לגרסה האחרונה של Safari‏ 18.5.

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

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

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

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

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

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