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

Sofia Emelianova
Sofia Emelianova
GitHub

כלי פיתוח ל-Chrome אמינים ויעילים יותר

בגרסה הזו, צוות כלי הפיתוח ל-Chrome נתן עדיפות למצוינות המוצר. התהליך הזה כלל טיפול במגוון רחב של בעיות מוכרות, החל מבאגים חזותיים שנמשכו זמן רב, בעיות שקשורות לנוחות השימוש וחוסר עקביות בעיצוב, ועד לבעיות שקשורות לביצועים ולפונקציונליות. בסך הכול, צמצמנו את מספר הבעיות הפתוחות ב-27%.

סוף סוף טיפלנו בכמה בעיות שהיו קיימות כבר כמה שנים, אבל גם שיפרנו תכונות חדשות יותר, למשל את החלונית ביצועים ואת העזרה מ-AI. התוצאה היא חוויית פיתוח משופרת באופן משמעותי בכל התחומים.

מאחורי הקלעים, השקענו מאמץ רב כדי לשפר את כיסוי הבדיקות, בדקנו כשלים מורכבים בבדיקות, העברנו בדיקות לבסיסים חזקים יותר ופתרנו באגים שגילינו במהלך התהליך. הצלחנו להפחית ב-54% את מספר הבעיות שקשורות לבדיקות.

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

העלאת תמונות בסיוע מבוסס-AI לעיצוב

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

כדי להתחיל את השיחה מתוך החלונית Elements, בוחרים רכיב DOM ולוחצים על Ask AI (שאלת AI). כך הרכיב מצוין כהקשר של השיחה. אחר כך לוחצים על הוספת תמונה בשדה הקלט.

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

הוספת כותרות של בקשות לטבלה בכרטיסייה 'רשת'

בחלונית Network, עכשיו אפשר ללחוץ לחיצה ימנית על שם של עמודה בטבלת הבקשות ולבחור כמה כותרות של בקשות כדי להוסיף אותן כעמודות.

התפריט לפני ואחרי הוספת האפשרות 'בקשות כותרות'.

בעיה ב-Chromium: 397481040.

הנה רגעי השיא מ-Google I/O 2025

אם עוד לא עשיתם את זה, כדאי לנסות את התכונות החדשות העיקריות של כלי הפיתוח ל-Chrome שהודגשו ב-Google I/O 2025, כולל:

בנוסף, כדאי לעיין בתובנות החדשות לגבי ביצועים: ‫JavaScript כפול ו‫JavaScript מדור קודם.

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

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

  • אפליקציה: נוסף עכשיו תיבת דו-שיח לאישור מחיקה של מאגרי אובייקטים ב-IndexedDB, כי זו פעולה שלא ניתן לבטל (crbug.com/326987147).
  • מקורות: כשמעבירים את העכבר מעל תגי logpoints ו-conditional breakpoint לצד שורות קוד, מוצג עכשיו תיאור קצר עם הודעת היומן או התנאי המתאימים (crbug.com/40266230).

  • ביצועים:

    • בתובנה Layout shift culprits (הגורמים לשינוי הפריסה) מוצגים עכשיו קישורים לתמונות ללא גודל (crbug.com/416449602).
    • בתובנה גילוי בקשות LCP מוצג עכשיו עיכוב בטעינת התמונה אחרי נקודת ההתחלה המוקדמת ביותר.
    • הגבלת קצב העברת נתונים: תוקן הפורמט המיושן של הגדרות הגבלת קצב העברת נתונים שחלק מהמשתמשים שמרו באופן מקומי.
    • יומן האירועים: שיפור מהירות הסינון (crbug.com/40783421).

  • אנימציות: הוצאנו משימוש את התצוגה המקדימה של צילומי מסך כי קבוצת אנימציות שניתן ללחוץ עליה כדי לראות תצוגה מקדימה מספקת חוויה דומה וטובה יותר (crbug.com/330179643).

  • נגישות:

    • הוספנו תוויות aria לסרגל הצד מקורות > נקודות עצירה ב-DOM, אם הוא מוצג.
    • תוקנה הניווט באמצעות המקשים Shift + Tab בשדה הטקסט Live expression בConsole (crbug.com/408398435, crbug.com/420344137).
    • הגדרות תומכות עכשיו במקשי קיצור להגדלה, להקטנה ולאיפוס: Cmd/Ctrl + +/-/0 (crbug.com/41484555).
    • ‫Elements > Styles: סמלי רמז ואזהרה של CSS ‏ (crbug.com/40706851) ושעון הזווית ניתנים עכשיו למיקוד באמצעות המקלדת (crbug.com/401212624, ‏ crbug.com/401213524).

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

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

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

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

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

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

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