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

Matthias Rohmer

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

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

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

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

התכונות העיקריות והכלים החדשים שנוספו עד לגרסה 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). כתוצאה מכך, הפונקציונליות של אתרים מודרניים נפגעה או שהופעלו מצבי תאימות, כי מערכת ההפעלה שדווחה זוהתה כמערכת בת יותר מעשור.

ה-User Agent שמוגדר בהארדקוד הוחלף בהיוריסטיקה דינמית שמתעדכנת אוטומטית על סמך השנה הנוכחית בלוח השנה. כך מובטח ש-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 שמייצגים בעיות מוסתרות בחלונית Issues מתעדכנות עכשיו באופן דינמי (מופיעות או נעלמות) בתגובה לפעולות סינון של בעיות. (40272723)
  • רשת: אירועים שנשלחים מהשרת (SSE) עוברים עכשיו סריאליזציה מלאה ונכללים בייצוא של קובצי HAR. כך אפשר לשמור לכידות של סטרימינג מתמשך של אירועים בשידור חי ולייבא אותן מחדש לכלי הפיתוח. (494294071)
  • ביצועים: תוקן מעקב אחר מדדי Core Web Vitals בתצוגת המדדים בזמן אמת, כדי להצמיד את המעקב באופן קפדני להקשר הביצוע של המסגרת הראשית, וכך למנוע איפוס של המדדים כתוצאה מתנודות דינמיות של iframe. (494350655)
  • ביצועים: שדרגנו את web-vitals לגרסה 5.2.0, והוספנו תיקונים מקוריים של באגים שקשורים לדליפות זיכרון במהלך מעקב אחרי INP. (484342204)