מה חדש בכלי הפיתוח, 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 ונקודות עצירה מותנות לצד שורות קוד, מוצג עכשיו תיאור קצר עם הודעת היומן או התנאי המתאימים (crbug.com/40266230).

  • ביצועים:

    • בתובנה Layout shift culprits (הגורמים לשינוי הפריסה) מוצגים עכשיו קישורים לתמונות ללא גודל (crbug.com/416449602).
    • בתובנה LCP request discovery מוצג עכשיו עיכוב בטעינת התמונה אחרי נקודת ההתחלה המוקדמת ביותר.
    • הגבלת קצב הבקשות: תוקן הפורמט המיושן של הגדרות הגבלת קצב הבקשות שחלק מהמשתמשים שמרו באופן מקומי.
    • יומן אירועים: שיפור מהירות הסינון (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

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

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

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