הצעות לקוד מ-Gemini
עכשיו אפשר לקבל הצעות להשלמה אוטומטית שמבוססות על AI בחלוניות Console ו-Sources.
כדי להפעיל את התכונה הזו, עוברים אל הגדרות > חידושים מבוססי-AI ומפעילים את המתג הצעות קוד.
שיפורים בשרת ה-MCP של כלי הפיתוח
מאז ההשקה של גרסת הטרום-השקה (Preview) הציבורית של שרת DevTools MCP עם גרסה 0.2.1, ביצענו שיפורים שונים בעזרת תרומות מהקהילה, והשקנו את גרסה 0.9.0.
- התמיכה ב-Node.js הורחבה עד לגרסה Node.js 20.
- אפשר להציג את בקשות הרשת והודעות המסוף בדפים כדי לחסוך באסימונים, ולסנן אותן לפי סוג הבקשה (לדוגמה, סקריפטים, גיליונות סגנונות, תמונות) וסוג ההודעה (יומן, אזהרה, שגיאה).
- אפשר להגדיר נתיב ספציפי למיקום של צילומי המסך ופורמטים שונים.
- קטגוריות כלים שניתנות להגדרה מאפשרות לכם לארגן את היכולות שמוצגות למשתמשים, וכך לצמצם את הרעשים המיותרים.
- עכשיו אפשר להעביר ארגומנטים להפעלה למופע Chrome שבו נעשה שימוש בשרת MCP.
הרשימה המלאה של השינויים ותיקוני הבאגים מופיעה במאגר השינויים הציבורי ב-GitHub. מידע נוסף על שרת ה-MCP של כלי הפיתוח זמין בפוסט בבלוג בנושא ההודעה.
גישה מהירה יותר לסיוע מבוסס-AI
עכשיו DevTools כולל יותר קישורים שפותחים את העזרה של AI. הפריט בתפריט ההקשר Ask AI (שאלת AI) שונה ל-Debug with AI (ניפוי באגים באמצעות AI) ועודכן עם פעולות ישירות ש-AI יכול לעזור לכם לבצע, על סמך ההקשר.
בעזרת הכפתור החדש הנוסף בפינה השמאלית העליונה של כלי הפיתוח, אפשר לפתוח את העזרה מבוססת-AI מכל מקום בכלי הפיתוח.
ניפוי באגים של עקבות הביצועים המלאות באמצעות Gemini
אחרי שמקליטים מעקב בחלונית Performance, אפשר לשוחח עם Gemini על המעקב המלא, על תובנות שקשורות לביצועים ועל נתונים מהשטח, בלי לבחור מראש הקשר ספציפי, והכול באותה שיחה. כך תוכלו לקבל תמונה מלאה יותר של בעיות בביצועים לפני שתתעמקו בהן.
אחרי שמזהים בעיה פוטנציאלית בעזרת Gemini, אפשר לבחור בקלות פריט הקשר ספציפי יותר, כמו אירוע מעקב או תובנה לגבי הביצועים, כדי לבדוק אותו לעומק ולהמשיך את אותה שיחה.
באופן דומה, כל התובנות בביצועים > תובנות זמינות עכשיו לשיחה עם Gemini.
הפעלה או השבתה של כיוון חלונית ההזזה
עכשיו אפשר להעביר את מגירת האפליקציות גם לצד. כך אפשר לראות את החלוניות זו לצד זו במקום אחת מעל השנייה. לוחצים לחיצה ימנית על שם החלונית בסרגל הכרטיסיות הראשי ובוחרים באפשרות העברה למגירה כדי להעביר את החלונית שנבחרה למגירה.
כדי להוסיף עוד חלוניות למגירה, לוחצים על ⋮ > כלים נוספים.
תוכנית המפתחים של Google Developers
Google Developer Program משולב עכשיו בכלי הפיתוח, עם קישורים ישירים לניהול הפרופיל ותגים חדשים שאפשר להשיג.
השימוש בתגים הוא אופציונלי. כדי להפעיל את התגים, עוברים אל הגדרות > העדפות > חשבון ומפעילים את האפשרות קבלת תגים.
מידע חשוב נוסף
אלה כמה מהתיקונים והשיפורים הבולטים שכלולים בגרסה הזו:
- בחלונית Application יש עכשיו תמיכה בבדיקת אחסון לכל סוגי ה-worker, כולל Service Workers, Shared Workers ו-Dedicated Workers.
- הסמל
:target-currentמוצג עכשיו בחלונית סגנונות. - עכשיו אפשר לסנן בקשות בחלונית Network על סמך
Is ad-relatedboolean חדש.
הורדת ערוצי התצוגה המקדימה
מומלץ להשתמש ב-Chrome Canary, Dev או Beta כדפדפן ברירת המחדל לפיתוח. ערוצי התצוגה המקדימה האלה מאפשרים לכם לגשת לתכונות העדכניות ביותר של DevTools, לבדוק ממשקי API מתקדמים של פלטפורמות אינטרנט ולמצוא בעיות באתר לפני שהמשתמשים שלכם ייתקלו בהן.
יצירת קשר עם הצוות של כלי הפיתוח ל-Chrome
אפשר להשתמש באפשרויות הבאות כדי לדון בתכונות החדשות, בעדכונים או בכל דבר אחר שקשור לכלי הפיתוח.
- אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
- כדי לדווח על בעיה בכלי הפיתוח, לוחצים על אפשרויות נוספות > עזרה > דיווח על בעיה בכלי הפיתוח בכלי הפיתוח.
- שולחים ציוץ אל @ChromeDevTools.
- אפשר להוסיף תגובות לסרטונים מה חדש בכלי הפיתוח של YouTube או טיפים לשימוש בכלי הפיתוח של YouTube.
מה חדש בכלי הפיתוח
רשימה של כל הנושאים שמופיעים בסדרת המאמרים מה חדש בכלי הפיתוח.
- עדכונים בשרת MCP של כלי הפיתוח
- שיפורים בשיתוף של נתוני מעקב
- תמיכה ב- @starting-style
- ווידג'ט של Editor לתצוגה: masonry
- Lighthouse 13
- הצעות לקוד מ-Gemini
- שיפורים בשרת ה-MCP של כלי הפיתוח
- גישה מהירה יותר לעזרה מבוססת-AI
- ניפוי באגים של מעקב הביצועים המלא באמצעות Gemini
- החלפת כיוון חלונית ההזזה
- תוכנית המפתחים של Google
- עיקרי השינויים בנושאים שונים
- כלי הפיתוח ל-Chrome (MCP) לסוכן ה-AI
- ניפוי באגים בעץ התלות ברשת באמצעות Gemini
- איך מייצאים את השיחות עם Gemini
- הגדרת רצועות ששומרת את ההגדרות בחלונית הביצועים
- סינון בקשות לרשת עם הגנה על כתובת ה-IP
- כרטיסיית הפריסה של רכיבים מוסיפה תמיכה בפריסת masonry
- Lighthouse 12.8.2
- עיקרי השינויים בנושאים שונים
- איתור באגים בתובנות נוספות בעזרת Gemini
- אמולציה של הכותרת Save-Data ב'תנאי רשת'
- איך רואים את סטטוס הבסיס בתיאור קצר של מאפיין CSS
- שינוי גורמי הצורה ברמזים על הלקוח (Client Hints) לגבי הסוכן המשתמש
- Lighthouse 12.8.0
- עיקרי השינויים בנושאים שונים
- כלי פיתוח ל-Chrome אמינים ויעילים יותר
- העלאת תמונות בעזרת AI לעיצוב
- הוספת כותרות של בקשות לטבלה בכרטיסייה Network
- המיטב של Google I/O 2025
- עיקרי השינויים בנושאים שונים
- שיפורים בחלונית הביצועים
- מקורות עם קישור מקדים בתובנה 'עץ תלות ברשת'
- זמני התגובה של השרת וההפניה האוטומטית בתובנה 'זמן האחזור של בקשת המסמך'
- הפניות אוטומטיות בסיכום של בקשות הרשת
- הפחתת רעשים בנתוני הביצועים
- הוצאה משימוש של 'השבתה של דגימות JavaScript'
- פרמטר הדיוק של המיקום הגיאוגרפי בחיישנים
- שיפורים בחלונית Elements
- ניפוי באגים של ערכי CSS מורכבים בצורה קלה יותר
- תמיכה ב-@function ב-Elements > Styles
- שיפורים בחלונית Network
- has-request-header filter
- Direct Sockets באפליקציות אינטרנט מבודדות
- עיקרי השינויים בנושאים שונים
- נגישות
- מהדורת Google I/O 2025
- שינוי ושמירה של שינויים ב-CSS בסביבת העבודה באמצעות Gemini
- קישור תיקייה בסביבת העבודה ושמירת השינויים בחזרה לקובצי המקור
- שאלות ל-Gemini על תובנות לגבי הביצועים
- הוספת הערות לממצאי הביצועים בעזרת Gemini
- איך מוסיפים צילומי מסך לשיחות עם Gemini
- תובנות חדשות בחלונית 'ביצועים'
- JavaScript כפול
- JavaScript מדור קודם
- מעכשיו אפשר להשתמש בתגי כללים בספקולציות
- Lighthouse 12.6.0
- עיקרי השינויים בנושאים שונים
- נגישות
- שיפורים בחלונית הביצועים
- תובנות חדשות לגבי הביצועים
- כדי להדגיש
- תזמוני השרת בסיכום של בקשות הרשת
- סינון קובצי Cookie בקטע 'פרטיות ואבטחה'
- גדלים ביחידות של קילו-בייט בטבלאות בכל החלוניות
- המילוי האוטומטי תומך ב-corner-shape וב-corner-*-shape ב-Elements > Styles
- ניסיוני: הדגשת בעיות ברכיבים ובמאפיינים ב-DOM
- Lighthouse 12.5.0
- עיקרי השינויים בנושאים שונים
- שיפורים בחלונית הביצועים
- קישורים למקור ולתסריט של שיחות לפרופיל ולפונקציה בדף 'ביצועים'
- תמיכה בנתונים מהשטח של LCP לפי שלב
- תובנה לגבי עץ התלות ברשת
- בסיכום מוצג משך הזמן במקום הזמן הכולל והזמן העצמי
- הדגשה של ה-Call stack הכבד ביותר
- שיפורים במצבים ריקים של חלוניות שונות
- תצוגת עץ הנגישות בכרטיסייה Elements
- Lighthouse 12.4.0
- עיקרי השינויים בנושאים שונים
- חלונית הפרטיות והאבטחה
- שיפורים בחלונית הביצועים
- הגדרות קבועות מראש של ויסות נתונים (throttle) של מעבד (CPU) שעברו כיול
- בחירת אירועי ביצוע שונים באותו צ'אט עם AI
- הדגשה של נתונים ממקור ראשון ומצד שלישי בדף 'ביצועים'
- נתונים מהשטח בתיבות מידע ובממצאים של כלי הסמן
- תובנות לגבי אילוץ של הזרמה חוזרת
- תובנה לגבי'אופטימיזציה של גודל DOM'
- הרחבת מעקב הביצועים באמצעות console.timeStamp
- שיפורים בחלונית Elements
- ערכים בזמן אמת של סגנונות עם אנימציה
- תמיכה ב- :open pseudo-class וב-pseudo-elements שונים
- העתקת כל ההודעות במסוף
- יחידות בייט בחלונית Memory
- עיקרי השינויים בנושאים שונים
- היסטוריית צ'אט קבועה עם AI
- שיפורים בחלונית הביצועים
- תובנות לגבי הצגת תמונות
- ניווט קלאסי ומודרני במקלדת
- התעלמות מסקריפטים לא רלוונטיים בתרשים הלהבות
- סמן בציר הזמן והדגשת הטווח בהצבת הסמן מעל
- הגדרות מומלצות של הגבלת קצב הבקשות
- סמני תזמון בשכבת-על
- מעקבי ערימה של קריאות ל-JS בסיכום
- הגדרות התג עברו לתפריט ב-Elements
- חלונית חדשה של 'מה חדש'
- Lighthouse 12.3.0
- עיקרי השינויים בנושאים שונים
- ניפוי באגים בבקשות רשת, בקובצי מקור ובמעקבי ביצועים באמצעות Gemini
- איך רואים את היסטוריית הצ'אט עם AI
- ניהול האחסון של התוסף ב'אפליקציה' > 'אחסון'
- שיפורים בביצועים
- שלבי האינטראקציה במדדים בזמן אמת
- מידע על חסימת עיבוד בכרטיסייה 'סיכום'
- תמיכה באירועים של scheduler.postTask ובחיצים שמציינים את הגורם המפעיל שלהם
- שיפורים בחלונית 'אנימציות' ובכרטיסייה 'רכיבים' > 'סגנונות'
- מעבר מ-Elements > Styles ל-Animations
- עדכונים בזמן אמת בכרטיסייה 'מחושב'
- אמולציה של עומס מחשוב בחיישנים
- אובייקטים של JS עם אותו שם שמקובצים לפי מקור בחלונית Memory
- מראה חדש להגדרות
- החלונית 'תובנות לגבי הביצועים' הוצאה משימוש והוסרה מכלי הפיתוח
- עיקרי השינויים בנושאים שונים
- ניפוי באגים ב-CSS באמצעות Gemini
- שליטה בתכונות מבוססות-AI בכרטיסייה ייעודית להגדרות
- שיפורים בחלונית הביצועים
- הוספת הערות ושיתוף של ממצאי הביצועים
- קבלת תובנות לגבי הביצועים ישירות בחלונית 'ביצועים'
- קל יותר לזהות שינויים מוגזמים בפריסה
- איך מזהים אנימציות ללא הרכבת שכבות
- הפעלות בו-זמניות בחומרה עוברות אל Sensors
- התעלמות מסקריפטים אנונימיים והתמקדות בקוד שלכם בדוחות קריסות
- רכיבים > סגנונות: תמיכה במצבי כתיבה sideways-* לשכבות-על של רשת ומילות מפתח ב-CSS
- ביקורות של Lighthouse לדפים שאינם HTTP במצבי טווח זמן ותמונת מצב
- שיפורים בנגישות
- עיקרי השינויים בנושאים שונים
- שיפורים בחלונית Network



