ابزارهای توسعه کروم برای نمایندگان
از طریق سرور DevTools MCP یا رابط خط فرمان (CLI) و مهارتهای تخصصی آن، قدرت DevTools را به عامل کدنویسی خود بدهید.
سرور MCP
Chrome DevTools با هر عاملی که از سرورهای MCP پشتیبانی میکند، کار میکند: Gemini CLI، Antigravity، Claude Code، Codex و موارد دیگر. از سرور MCP برای اطلاعرسانی به عامل خود در مورد قابلیتهای DevTools در هر جلسه استفاده کنید.
CLI
به عنوان جایگزینی کارآمدتر برای سرور MCP از نظر توکن، میتوانید از Chrome DevTools CLI استفاده کنید. بسته سرور MCP Chrome DevTools شامل یک مهارت تخصصی است که به کدنویس شما نحوه نوشتن اسکریپتها را با استفاده از همان ابزارهای قدرتمند سرور MCP آموزش میدهد.
همین حالا نصب کنید
هم سرور MCP و هم رابط خط فرمان (CLI) بخشی از یک بسته هستند. آنها را برای عامل کدنویسی مورد نظر خود تهیه کنید. دستورالعملهای مربوط به محبوبترین عاملها را در زیر و دستورالعملهای بیش از 20 عامل را در GitHub بیابید.
جمینی 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
کد کلود
# 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، استفاده میکند!