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

Matthias Rohmer

הצעות לקוד מ-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 מכל מקום בכלי הפיתוח.

נקודות הכניסה החדשות לכלי פיתוח מבוססי-AI

ניפוי באגים של עקבות הביצועים המלאות באמצעות Gemini

אחרי שמקליטים נתונים בכרטיסייה Performance, אפשר להתכתב עם Gemini לגבי הנתונים המלאים, תובנות שקשורות לביצועים ונתונים מהשטח, בלי לבחור מראש הקשר ספציפי, והכול באותה שיחה. כך תוכלו לקבל תמונה מלאה יותר של בעיות בביצועים לפני שתתעמקו בהן.

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

באופן דומה, כל התובנות בביצועים > תובנות זמינות עכשיו לשיחה עם Gemini.

הפעלה או השבתה של כיוון חלונית ההזזה

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

כדי להוסיף עוד חלוניות למגירה, לוחצים על ⋮ > כלים נוספים.

מתג חדש בחלונית ההזזה לשינוי הכיוון

תוכנית המפתחים של Google Developers

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

אמצעי בקרה לפרופיל המפתח ב-Google בהגדרות של כלי הפיתוח

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

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

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

  • בחלונית Application יש עכשיו תמיכה בבדיקת האחסון של כל סוגי העובדים, כולל Service Workers,‏ Shared Workers ו-Dedicated Workers.
  • הסמל :target-current מוצג עכשיו בחלונית סגנונות.
  • עכשיו אפשר לסנן בקשות בחלונית Network על סמך Is ad-related boolean חדש.

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

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

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

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

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

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

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