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

הצעות לקוד מ-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 יש עכשיו תמיכה בבדיקת האחסון של כל סוגי ה-worker, כולל Service Workers,‏ Shared Workers ו-Dedicated Workers.
  • הסמל :target-current מוצג עכשיו בחלונית סגנונות.
  • עכשיו אפשר לסנן בקשות בחלונית Network על סמך Is ad-related boolean חדש.

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

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

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

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

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

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