כלי הפיתוח ל-Chrome לסוכנים

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

מידע נוסף ב-GitHub

שרת MCP

כלי פיתוח ל-Chrome פועלים עם כל סוכן שתומך בשרתי MCP: ‏ Gemini CLI,‏ Antigravity,‏ Claude Code,‏ Codex ועוד. אתם יכולים להשתמש בשרת MCP כדי שהסוכן שלכם יכיר את היכולות של DevTools בכל הפעלה.

CLI

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

התקן כעת

גם שרת ה-MCP וגם ה-CLI הם חלק מאותה חבילה. מקבלים אותם בשביל סוכן התכנות שבחרתם. בהמשך מופיעות הוראות לגבי הסוכנים הפופולריים ביותר, וגם הוראות לגבי יותר מ-20 סוכנים ב-GitHub.

Gemini CLI

  # Either MCP only:
  gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest
  # Or as a Gemini extension (MCP+Skills):
  gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp

Claude Code

  # Either MCP only:
  claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest
  # Or as a plugin (MCP+Skills):
  /plugin marketplace add ChromeDevTools/chrome-devtools-mcp
  /plugin install chrome-devtools-mcp

Codex

  codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

השלבים הראשונים

אחרי שמתקינים את שרת ה-MCP או את ה-CLI של DevTools, אפשר לנסות כמה הנחיות כדי להתחיל! לבקש ביקורת של Lighthouse, למלא טופס או לבקש צילום מסך – הכול מהסוכן. כדי לראות את כל היכולות האלה בפעולה, אפשר לנסות את ההנחיה הבאה:

  Visit developer.chrome.com and run a search for "devtools",
  while recording a performance trace.
  Let me know how I can improve the website's performance.

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

הצגת כל הכלים הזמינים