מה חדש בכלי הפיתוח (Chrome 149)

Matthias Rohmer

תאריך פרסום: 2 ביוני 2026

בגרסה Chrome 149 יש שדרוגים משמעותיים לעזרה מבוססת-AI, הוספנו כלים ניסיוניים לניפוי באגים ב-WebMCP בחלונית Application, והרחבנו את התמיכה בהשלמת קוד ל-CSS.

כלי פיתוח לנציגים

שרת ה-MCP וכלי ה-CLI של כלי הפיתוח ל-Chrome לסוכני AI יציבים עכשיו באופן רשמי. ההודעה המלאה זמינה כאן.

התכונות העיקריות והכלים החדשים שנוספו עד לגרסה 1.1.1 כוללים:

  • כלים מותאמים אישית של צד שלישי שמוצגים בדף: מעכשיו אפשר להגדיר בדפים כלים מותאמים אישית לניפוי באגים באמצעות JavaScript, שאפשר לגלות אותם ולהפעיל אותם באמצעות כלי הפיתוח של סוכנים.
  • ניפוי באגים ב-WebMCP: כלי הפיתוח לסוכנים יכולים עכשיו לרשום ולהפעיל כלי WebMCP.
  • אמולציה של כותרות HTTP בהתאמה אישית: הוספת תמיכה בכותרות HTTP (כמו אסימוני אימות או סוכני משתמש בהתאמה אישית) לכלי האמולציה.

הכלים של צד שלישי וניפוי הבאגים ב-WebMCP עדיין ניסיוניים ולא מופעלים כברירת מחדל. מידע על הכלים של WebMCP זמין בהפניה לכלים. מידע נוסף על כלים של צד שלישי זמין במאמרי העזרה שלנו.

כדי לקבל את העדכונים האחרונים בנושא DevTools for agents ולתרום, אפשר להיכנס אל המאגר ב-GitHub. כדי להתחיל, אפשר לעיין בתיעוד שלנו או לצפות בסרטון המקיף של Google I/O‏ Supercharge your AI coding workflow with Chrome DevTools for agents (שיפור תהליך העבודה של תכנות באמצעות AI עם כלי הפיתוח ל-Chrome לסוכנים).

כלים מבוססי-AI

לוח העזרה של AI עבר עדכון משמעותי בממשק המשתמש, ונוספו לו כלים חדשים לשיפור חוויית השיחה ולמתן תובנות מעמיקות יותר לגבי הדף:

  • הסבר מפורט על הסוכן: עכשיו העזרה מ-AI מציגה ווידג'טים ישירות בממשק הצ'אט במקום טקסט פשוט ב-Markdown. הווידג'טים האלה כוללים את מדדי הליבה לבדיקת חוויית המשתמש באתר ותובנות קשורות, רכיבי LCP, פירוט של LCP, פעילות של שרשור מלמטה למעלה ועוד. קישור הצגה בתוך הווידג'ט מעביר אתכם למקור המידע הזה בכלי הפיתוח.
  • העתקה לסוכן תכנות: בסוף השיחות יש עכשיו לחצן ייעודי להעתקת השיחה, או סיכום שלה כהנחיה, כדי שתוכלו להדביק אותה בסוכן התכנות שתבחרו.
  • יכולות משודרגות: עכשיו יש לכלים מבוססי ה-AI גישה ל-Lighthouse ולתובנות שקשורות אליו, כך שהם יכולים לנתח את הדף באופן הוליסטי ולתת המלצות ממוקדות.
  • תשובות משופרות: בעזרת Gemini 3 שפועל ברקע ופתיחים משופרים, העזרה מ-AI נותנת תשובות תמציתיות יותר ופרקטיות יותר.
  • ניווט משופר: עכשיו אפשר לנווט בין ההנחיות הקודמות בצ'אט באמצעות מקשי החץ למעלה והחץ למטה. כך אפשר לשפר או להריץ מחדש שאילתות קודמות במהירות ובאופן אינטואיטיבי.
עזרה מ-AI עם ההנחיה 'איך אפשר לשפר את הביצועים של הדף הזה?' באתר ההדגמה של Astro.js‏ DevTools Times, שמציג את פירוט הצעדים של הסוכן, הווידג'טים והאפשרות 'העתקה לסוכן תכנות' אל Antigravity.

במקום התכונה 'העתקה לסוכן קוד', נצא משימוש בתמיכה בתיקונים אוטומטיים של סגנונות באמצעות סיוע מ-AI, עם Chrome 152. נשמח לשמוע מה דעתך על התוכנית הזו בבאג המשוב הייעודי.

WebMCP

בגרסה הזו אנחנו משיקים כלים ניסיוניים לניפוי שגיאות של WebMCP בסרגל הצד של החלונית Application. ‫WebMCP‏ (Web Model Context Protocol) מאפשר לדפי אינטרנט לרשום כלים לשימוש על ידי סוכני LLM שמבקרים בהם. במאמרי העזרה שלנו יש מידע נוסף על התקן המוצע.

הכלים החדשים לניפוי באגים מאפשרים למפתחים:

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

‫WebMCP הוא תקן אינטרנט מוצע שנמצא בשלב מוקדם של תצוגה מקדימה. כדי להתחיל להתנסות, מפעילים את התכונות הניסיוניות #devtools-webmcp-support ו-#enable-webmcp-testing בכתובת chrome://flags.

כלי ניפוי הבאגים החדשים של WebMCP בחלונית Application (אפליקציה) בכלי הפיתוח.
כלי הניפוי באגים החדשים של WebMCP בודקים את אתר ההדגמה L'Atelier, ומציגים הפעלות קודמות של הכלי, כלים זמינים ואפשרויות סינון.

בעיות ב-Chromium: ‏ 494516094

השלמת קוד ל-CSS

בכרטיסייה Styles יש עכשיו השלמת קוד ל-CSS באמצעות Gemini, בנוסף לתמיכה בחלוניות Console ו-Sources. מפעילים את ההצעות לקוד בהגדרות > חידושים מבוססי-AI > הצעות לקוד.

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

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

ההנחיות לניגודיות צבעים של APCA קודמו לגרסה יציבה

מחשבון הניגודיות של האלגוריתם המתקדם לניגודיות תפיסתית (APCA) יצא רשמית משלב הניסוי, ועכשיו הוא זמין כהגדרת ברירת מחדל. האלגוריתם APCA מחליף את ההנחיות הקודמות של AAA/AA לגבי ניגודיות במודל מודרני של ניגודיות תפיסתית שעבר אופטימיזציה לתצוגות מודרניות ולעיבוד טקסט.

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

המתג של אלגוריתם ה-APCA בהגדרות של כלי הפיתוח והאלגוריתם החדש שמופעל בכרטיסייה Styles.
המתג של אלגוריתם ה-APCA בהגדרות של כלי הפיתוח והאלגוריתם החדש שמופעל בכרטיסייה Styles (סגנונות).

סוכן משתמש במצב מכשיר דינמי

במצב מכשיר רספונסיבי נעשה בעבר שימוש במחרוזת User Agent שמוגדרת בהארדקוד (Android 6.0; Nexus 5). כתוצאה מכך, הפונקציונליות של אתרים מודרניים נפגעה או שהופעלו מצבי תאימות, כי מערכת ההפעלה שדווחה זוהתה כמערכת בת יותר מעשור.

סוכן המשתמש שקודד באופן קשיח הוחלף בהיוריסטיקה דינמית שמתעדכנת אוטומטית על סמך השנה הקלנדרית הנוכחית. כך מובטח ש-DevTools תמיד ידווח על סביבה סבירה ומודרנית בלי שיידרש תחזוקה ידנית.

מנות מומלצות אחרות

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

  • ‫Console: הוספנו את המתג Collapse / Expand all (כיווץ / הרחבה של הכול) לסרגל הכלים של החלונית Console כדי להרחיב או לכווץ במהירות את כל קבוצות המסוף הפעילות ואת עקבות המחסנית בבת אחת. (427657550)
  • אפליקציה: היפר-קישורים שאפשר ללחוץ עליהם החליפו טקסט סטטי בשדות של מאגרי אחסון בתצוגת המטא-נתונים של האפליקציה. כשלוחצים על קישור לדלי, עוברים אוטומטית לדלי הספציפי הזה ומדגישים אותו בחלונית הצדדית Storage Buckets (דלי אחסון). (435311130)
  • אפליקציה: הפעלנו מחדש את התמיכה בבדיקה מלאה של האחסון ב-Service Workers אחרי שפתרנו בעיה שגרמה לקריסה. ‫(406991275, 466134219)
  • Application: הוספנו תמיכה בבדיקת אירועי form_submission prerendering בלוח Preloading. (346555939, 488078903)
  • אפליקציה: הטמענו ניהול של פרטי כניסה לסשן לפי מכשיר (DBSC), שמאפשר למפתחים לנקות או למחוק סשנים פעילים מתפריט ההקשר או על ידי לחיצה על המקשים Delete או Backspace. (471017387)
  • רכיבים: ההדגשות בצמתי DOM שמייצגים בעיות מוסתרות בחלונית הבעיות מתעדכנות עכשיו באופן דינמי (מופיעות או נעלמות) בתגובה לפעולות סינון של בעיות. (40272723)
  • רשת: אירועים שנשלחים מהשרת (SSE) עוברים עכשיו סריאליזציה מלאה ונכללים בייצוא של קובצי HAR. כך אפשר לשמור לכידות של זרמי אירועים בשידור חי ולייבא אותם מחדש לכלי הפיתוח. (494294071)
  • ביצועים: תוקן מעקב אחר מדדי Core Web Vitals בתצוגת המדדים בזמן אמת, כדי להצמיד את המעקב באופן קפדני להקשר הביצוע של המסגרת הראשית, וכך למנוע איפוס של המדדים כתוצאה מתנודות דינמיות של iframe. (494350655)
  • ביצועים: שדרגנו את web-vitals לגרסה 5.2.0, והוספנו תיקונים מקוריים של באגים שקשורים לדליפות זיכרון במהלך מעקב אחרי INP. (484342204)