از طریق سرور DevTools MCP یا رابط خط فرمان (CLI) و مهارت‌های تخصصی آن، قدرت DevTools را به عامل کدنویسی خود بدهید.

Chrome DevTools با هر عاملی که از سرورهای MCP پشتیبانی می‌کند، کار می‌کند: Gemini CLI، Antigravity، Claude Code، Codex و موارد دیگر. از سرور MCP برای اطلاع‌رسانی به عامل خود در مورد قابلیت‌های DevTools در هر جلسه استفاده کنید.
به عنوان جایگزینی کارآمدتر برای سرور MCP از نظر توکن، می‌توانید از Chrome DevTools CLI استفاده کنید. بسته سرور MCP Chrome DevTools شامل یک مهارت تخصصی است که به کدنویس شما نحوه نوشتن اسکریپت‌ها را با استفاده از همان ابزارهای قدرتمند سرور MCP آموزش می‌دهد.

همین حالا نصب کنید

هم سرور MCP و هم رابط خط فرمان (CLI) بخشی از یک بسته هستند. آنها را برای عامل کدنویسی مورد نظر خود تهیه کنید. دستورالعمل‌های مربوط به محبوب‌ترین عامل‌ها را در زیر و دستورالعمل‌های بیش از 20 عامل را در GitHub بیابید.

  # 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
  # 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 mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

پس از نصب سرور یا رابط خط فرمان DevTools MCP، برای شروع چند دستورالعمل را امتحان کنید! درخواست ممیزی 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، استفاده می‌کند!