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

Sofia Emelianova

ניפוי באגים של תובנות נוספות באמצעות 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.

בקטע 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

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

אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
שולחים ציוץ אל ‎@ChromeDevTools.
להשאיר תגובות בסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.