מה חדש בכלי הפיתוח, 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 אל Network conditions (תנאי רשת).

בעיה ב-Chromium: ‏ 40668980.

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

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

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

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

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

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

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