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

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

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

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

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