امنح وكيل الترميز إمكانات "أدوات مطوّري البرامج" من خلال خادم DevTools MCP أو واجهة سطر الأوامر (CLI) والمهارات المتخصّصة.

مزيد من المعلومات على GitHub
تعمل أدوات مطوري البرامج في Chrome مع كل وكيل يتيح استخدام خوادم MCP، مثل Gemini CLI وAntigravity وClaude Code وCodex وغير ذلك. استخدِم خادم MCP لإعلام الوكيل بإمكانات DevTools في كل جلسة.
يمكنك استخدام واجهة سطر الأوامر في "أدوات مطوّري البرامج في Chrome" كبديل أكثر فعالية من حيث الرموز المميزة لخادم MCP. تتضمّن حزمة خادم MCP الخاصة بـ "أدوات مطوّري البرامج في Chrome" مهارة متخصّصة تعلّم وكيل الترميز كيفية كتابة البرامج النصية باستخدام الأدوات الفعّالة نفسها التي يستخدمها خادم MCP.

التثبيت الآن

يُرجى العلم أنّ خادم MCP وواجهة سطر الأوامر هما جزء من الحزمة نفسها. احصل على هذه الأدوات لوكيل الترميز الذي تختاره. يمكنك الاطّلاع أدناه على تعليمات بشأن وكلاء البحث الأكثر رواجًا، بالإضافة إلى تعليمات بشأن أكثر من 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

بعد تثبيت خادم MCP أو واجهة سطر الأوامر في "أدوات مطوّري Chrome"، جرِّب بعض الطلبات للبدء. يمكنك طلب إجراء تدقيق في 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.


الاطّلاع على جميع الأدوات المتاحة