ابزارهای توسعه کروم برای نمایندگان
به عامل خود در ساخت، اشکالزدایی و تأیید صحیح کد کمک کنید. با Chrome DevTools برای عاملها، عامل هوش مصنوعی شما میتواند با مرورگر کروم تعامل داشته باشد تا کد را آزمایش کند، کاربران را شبیهسازی کند و با استفاده از قابلیتهای Chrome DevTools قبل از انتشار، اشکالات را پیدا کند.
همین حالا نصب کنید
ضد جاذبه
Chrome DevTools برای agentها به صورت پیشفرض با Antigravity 2.0 ارائه میشود. میتوانید بلافاصله با استفاده از sub-agent مرورگر، استفاده از آن را شروع کنید. سعی کنید از یک دستور اسلش مانند زیر استفاده کنید:
/browser Navigate to the Google homepage
برای دسترسی به مهارتهای تخصصی عامل، افزونه DevTools را در مرحله ساخت با گوگل از راهاندازی اولیه یا در تنظیمات برنامه نصب کنید.
رابط خط فرمان جمینی
# Install as a Gemini extension (MCP+Skills): gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
کلود کد
# Install as a plugin (MCP+Skills) # Add the marketplace registry: /plugin marketplace add ChromeDevTools/chrome-devtools-mcp # Install /plugin install chrome-devtools-mcp@chrome-devtools-plugins
کدکس
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
اگر از هر عامل کدنویسی دیگری مانند Copilot یا OpenCode استفاده میکنید، دستورالعملهای موجود در مخزن GitHub ما را دنبال کنید.
نماینده شما چه کاری میتواند انجام دهد؟
به نماینده خود امکان تعامل با مرورگر وب را بدهید.
تقلید از تجربیات کاربران
طرحهای واکنشگرا، موقعیتهای جغرافیایی مختلف و جریانهای کاربری واقعی را آزمایش کنید. اطلاعات بیشتر .
مرورگر زنده خود را اشکالزدایی کنید
برای بررسی، توقف و عیبیابی در لحظه، به جلسه فعال کروم خود متصل شوید. اطلاعات بیشتر .
تضمین کیفیت پیشگیرانه با Lighthouse
قبل از اینکه کد را به مرحله تولید برسانید، ممیزیهایی برای A11y، سئو و عملکرد انجام دهید تا چک لیستهای عملی ارائه دهید. اطلاعات بیشتر .
پیشنهاداتی که تجربه کاربری بهتری را رقم میزنند
به عامل هوش مصنوعی خود این قدرت را بدهید که از طریق یک نمونه مرورگر کاملاً مدیریتشده، در وبسایتها پیمایش کند، با دکمهها تعامل داشته باشد، صفحات را کاوش کند و ممیزیهای دسترسیپذیری فوری را اجرا کند.
تقلید از تجربیات
Go to developer.chrome.com on mobile, click the burger menu, and check for top-level navigation items.
Go to https://chrome.dev/devtools-store-locator. Simulate your location is Berlin and check if the store locator shows the Rosenthaler Strasse branch.
تضمین کیفیت پیشگیرانه (فانوس دریایی)
Run a Lighthouse accessibility audit and suggest fixes for any low-contrast elements.
Perform an SEO audit and verify all images have descriptive alt text.
تنظیمش کن
یاد بگیرید که چگونه Chrome DevTools را برای عاملها تنظیم کنید و ببینید که عاملها به صورت خودکار اشکالزدایی و تأیید میکنند. این ویدیو نصب، handshake و استفاده از CLI برای اقدامات دستهای را پوشش میدهد.