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

Sofia Emelianova

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

בגרסה הזו, צוות Chrome DevTools נתן עדיפות למצוינות המוצר. התהליך הזה כלל טיפול במגוון רחב של בעיות ידועות, החל מבאגים חזותיים שנמשכו זמן רב, בעיות שקשורות לנוחות השימוש וחוסר עקביות בעיצוב, ועד בעיות בפונקציונליות ובביצועים. בסך הכול, צמצמנו את מספר הבעיות הפתוחות ב-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).
מקורות: כשמעבירים את העכבר מעל תגי logpoint ונקודות עצירה מותנות לצד שורות קוד, מוצג עכשיו תיאור קצר עם הודעת היומן או התנאי המתאימים (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) וAngle clock ניתנים עכשיו למיקוד באמצעות מקלדת (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.