כלי הפיתוח ל-Chrome לסוכני AI הם חבילת כלים שמאפשרת לכם להשתמש ביכולות של כלי הפיתוח ל-Chrome בתהליכי העבודה שלכם בתכנות באמצעות AI. התקנה של כלי הפיתוח ל-Chrome לסוכני AI מאפשרת לכם לגשת אל:
- שרת MCP: מחבר את סוכן ה-AI שלכם למופע פעיל של דפדפן באמצעות Model Context Protocol בקוד פתוח.
- Chrome DevTools CLI: ממשק לאינטראקציה עם הדפדפן ישירות מהטרמינל.
- יכולות של סוכנים: הוראות מומחה שמלמדות את הסוכן איך לתאם בין כמה כלים למשימות מורכבות כמו נגישות או ניפוי באגים בביצועים.
בהקשר של פיתוח אתרים, כלי הפיתוח ל-Chrome לסוכני AI משלבים יכולות ניפוי באגים בסוכן ה-AI שלכם.
לדוגמה, סוכן יכול להשתמש בכלים כדי לתעד ולהעריך עקבות של ביצועים, לנתח את הביצועים של אתר ולזהות שיפורים פוטנציאליים. בנוסף לפיתוח אתרים, כלי הפיתוח לסוכנים מאפשרים לסוכן שלכם לגלוש באינטרנט בזמן אמת במקום רק לאחזר HTML סטטי.
הגדרה
במדריך הזה מוסבר איך להגדיר את כלי הפיתוח ל-Chrome לסוכני AI כדי לעזור לסוכן התכנות לשלוט בדפדפן Chrome פעיל ולבדוק אותו.
אפשר להשתמש בחבילת chrome-devtools-mcp כדי לשלוט בדפדפן Chrome פעיל ולבדוק אותו מסוכן תכנות (כמו Gemini, Claude, Cursor או Copilot). שימו לב: כלי הפיתוח ל-Chrome לסוכני AI מספק את כל חבילת הכלים, אבל ממשק ה-CLI תומך רק בקבוצת משנה ממוקדת לאוטומציה מבוססת-shell.
מודלים וסביבות פיתוח משולבות (IDE) נתמכים
כלי הפיתוח ל-Chrome לסוכני AI תומך בכל כלי או IDE שתומכים בפרוטוקול MCP. הם כוללים את Antigravity, Gemini CLI, Claude Code, Cursor, Copilot ועוד.
שיקולי אבטחה
הנציג יוכל לראות את הדפים שהוא ניגש אליהם וליצור איתם אינטראקציה, ולכן הוא יוכל לפעול בשמכם אם תחברו אותו לדפדפן עם סשן פעיל ומאומת. אל תשתפו מידע רגיש או פרטים אישיים שלא הייתם רוצים לשתף עם נציגים.
דרישות מוקדמות
לפני שמתקינים את כלי פיתוח ל-Chrome לסוכני AI, צריך לוודא שהסביבה עומדת בדרישות הבאות:
כדי להגדיר את כלי פיתוח ל-Chrome לסוכני AI, בוחרים את השיטה שמתאימה לסביבת הקידוד המועדפת. חלק מהסוכנים דורשים התקנה ידנית, ואחרים מגיעים עם כלים משולבים מראש.
Antigravity
כלי הפיתוח ל-Chrome לסוכני AI מגיעים בחבילה מראש עם Antigravity 2.0. אתם יכולים להתחיל להשתמש בו מיד באמצעות סוכן המשנה של הדפדפן. אפשר לנסות להשתמש בפקודה דרך שורת הפקודות, כמו:
/browser Navigate to the Google homepage
כדי לגשת למיומנויות מיוחדות של סוכנים, מומלץ להתקין את הפלאגין DevTools במהלך השלב Build with Google של ההגדרה הראשונית או בהגדרות האפליקציה. מידע נוסף זמין במסמכי התיעוד של Antigravity Browser Subagent.
התקנה באמצעות CLI
כדי להגדיר את כלי הפיתוח ל-Chrome לסוכני AI, אפשר להשתמש בקובץ הגדרות JSON או בפקודת CLI כדי להתקין את השרת ישירות אם הסוכן תומך בכך. חלק מהסוכנים מציעים גם תוספים או פלאגינים רשמיים שכוללים מיומנויות של סוכנים, והוראות מומחה שעוזרות לסוכן להשתמש בתכונות של כלי הפיתוח.
אם הסוכן שלכם לא מופיע כאן, תוכלו למצוא הוראות להתקנה שלו במאגר GitHub של כלי הפיתוח ל-Chrome לסוכנים.
כדי להוסיף כלי פיתוח ל-Chrome לסוכני AI לסוכן AI משורת הפקודה, משתמשים בפקודות ה-CLI המובנות של הסוכן הספציפי:
Gemini CLI
כדי להתקין את התוסף ל-Gemini CLI שכולל את חבילת ה-MCP ואת היכולות הנלוות, מריצים את הפקודה הבאה:
# Gemini extension (MCP+Skills)
gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
מתקינים רק את חבילת ה-MCP באמצעות הפקודה הבאה:
# MCP only
gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
Claude Code
כדי להתקין את כלי פיתוח ל-Chrome לסוכני AI כפלאגין קוד של Claude, משתמשים בפקודות הבאות עם לוכסן ב-Claude Code. מוסיפים את רישום ה-Marketplace:
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp
ומתקינים את הפלאגין ממרשם Marketplace:
/plugin install chrome-devtools-mcp@chrome-devtools-plugins
מידע נוסף זמין בדף הרשמי של הפלאגין Claude בכלי הפיתוח ל-Chrome.
Codex
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
התקנה באמצעות הגדרות JSON
לסוכנים אחרים שתומכים במפתח ההגדרה mcpServers, צריך להוסיף את הרשומה הזו באופן ידני ולוודא שכלי הפיתוח מותקנים לסוכנים דרך npm i
chrome-devtools-mcp.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}
התקנה בסוכנים אחרים
כדי להגדיר סוכן שלא מופיע ברשימה, אפשר לעיין במאגר GitHub של MCP בכלי הפיתוח ל-Chrome.
בדיקת ההגדרה
מזינים את ההנחיה הבאה לסוכן כדי לבדוק שהכול עובד:
Check the performance of https://developers.chrome.com
הסוכן צריך לפתוח חלון דפדפן ולתעד את נתוני הביצועים.
פתרון בעיות בהגדרה
אם הסוכן לא מצליח להפעיל כלים ויש לו גישה למיומנויות של כלי הפיתוח ל-Chrome, הוא עשוי לנסות לפתור את הבעיה באופן אוטומטי. אם לא, אפשר לתת לסוכן הנחיות מפורשות:
Use the Chrome DevTools troubleshooting skill to fix my setup.
אפשר גם להיות יותר ספציפיים:
I'm having trouble with Chrome DevTools for agents. I tried to run [Tool Name]
but got the error: [Error Message]. I am on [OS Name]. Use the Chrome DevTools
troubleshooting skill to fix my setup.
השלבים הבאים
כדי להתאים אישית את ההגדרה, אפשר לעיין במאמר בנושא הגדרה.