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

Matthias Rohmer

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

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

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

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

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

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

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

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

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

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

  • הסבר מפורט של הסוכן: עכשיו העזרה מ-AI מציגה ווידג'טים ישירות בממשק הצ'אט במקום טקסט פשוט בפורמט Markdown. הווידג'טים האלה כוללים מדדי Core Web Vitals ותובנות קשורות, רכיבי LCP, פירוט של LCP, פעילות של שרשור מלמטה למעלה ועוד. קישור Reveal בתוך הווידג'ט מעביר אתכם למקור המידע הזה בכלי הפיתוח.
  • העתקה לסוכן תכנות: עכשיו השיחות מסתיימות עם לחצן ייעודי להעתקת השיחה, או סיכום שלה כהנחיה, כדי שתוכלו להדביק אותה בסוכן התכנות שבחרתם.
  • יכולות משודרגות: לכלים מבוססי ה-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. כדי להפעיל הצעות לקוד, עוברים אל Settings > AI innovations > Code suggestions.

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

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

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

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

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

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

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

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

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

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

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

  • ‫Console: נוסף לחלק העליון של חלונית Console לחצן להחלפה בין Collapse / Expand all (כיווץ / הרחבה של הכול). כך אפשר להרחיב או לכווץ במהירות את כל קבוצות המסוף הפעילות ואת עקבות מחסנית הקריאות בבת אחת. (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)