כלי הפיתוח ל-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 תומך רק בקבוצת משנה ממוקדת לאוטומציה מבוססת-מעטפת.
סביבות פיתוח משולבות (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 לסוכנים, אפשר להשתמש בקובץ הגדרות בפורמט JSON או בפקודת CLI כדי להתקין את השרת ישירות אם הסוכן תומך בכך. חלק מהסוכנים מציעים גם תוספים או פלאגינים רשמיים שכוללים סקילים אג'נטיים, והוראות מומחה שעוזרות לסוכן להשתמש בתכונות של כלי הפיתוח.
אם הסוכן שלכם לא מופיע כאן, תוכלו למצוא הוראות להתקנה שלו במאגר Chrome DevTools for Agents ב-GitHub.
כדי להוסיף כלי פיתוח ל-Chrome לסוכני 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"]
}
}
}
התקנה בסוכנים אחרים
כדי להגדיר סוכן שלא מופיע ברשימה, אפשר לעיין במאגר כלי פיתוח ל-Chrome MCP GitHub.
בדיקת ההגדרה
כדי לבדוק שהכול עובד, מזינים את הפרומפט הבא לסוכן:
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.
השלבים הבאים
כדי להתאים אישית את ההגדרה, אפשר לעיין במאמר בנושא הגדרה.