"أدوات مطوّري البرامج في Chrome" للوكلاء
مساعدة الوكيل في إنشاء الرموز البرمجية وتصحيح الأخطاء فيها والتحقّق منها بشكل صحيح باستخدام "أدوات مطوّري البرامج في Chrome" للوكلاء، يمكن لوكيل الذكاء الاصطناعي التفاعل مع متصفّح Chrome لاختبار الرموز البرمجية ومحاكاة المستخدمين ورصد الأخطاء باستخدام إمكانات "أدوات مطوّري البرامج في Chrome" قبل طرحها.
التثبيت الآن
Antigravity
تتوفّر "أدوات مطوّري البرامج في Chrome" للوكلاء مجمّعة مسبقًا مع Antigravity 2.0. يمكنك البدء في استخدامه على الفور من خلال وكيل المتصفّح الفرعي. جرِّب استخدام أمر يبدأ بشرطة مائلة، مثل:
/browser Navigate to the Google homepage
للوصول إلى مهارات الوكيل المتخصّص، ثبِّت إضافة DevTools أثناء خطوة البناء باستخدام Google في عملية الإعداد الأولي أو ضمن إعدادات التطبيق.
Gemini CLI
# Install as a Gemini extension (MCP+Skills): gemini extensions install --auto-update https://github.com/ChromeDevTools/chrome-devtools-mcp
Claude Code
# 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
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
إذا كنت تستخدم أي أداة أخرى لكتابة الرموز البرمجية، مثل Copilot أو OpenCode، اتّبِع التعليمات في مستودع GitHub.
ما هي المهام التي يمكن أن ينفّذها الوكيل؟
امنح برنامجك الآلي إمكانية التفاعل مع متصفّح الويب.
محاكاة تجارب المستخدمين
اختبِر التصاميم المتجاوبة والمواقع الجغرافية المختلفة ومسارات المستخدمين الفعلية. مزيد من المعلومات
تصحيح أخطاء المتصفّح المباشر
يمكنك الاتصال بجلسة Chrome النشطة لفحص الأخطاء وإيقافها مؤقتًا وتحديد المشاكل وحلّها في الوقت الفعلي. مزيد من المعلومات
ضمان الجودة بشكل استباقي باستخدام Lighthouse
يمكنك إجراء عمليات تدقيق في إمكانية الوصول وتحسين محركات البحث والأداء لتقديم قوائم تحقق قابلة للتنفيذ قبل نشر الرمز في مرحلة الإنتاج. مزيد من المعلومات
طلبات تؤدي إلى تحسين تجارب المستخدمين
امنح وكيل الذكاء الاصطناعي القدرة على التنقّل في المواقع الإلكترونية والتفاعل مع الأزرار واستكشاف الصفحات وإجراء عمليات تدقيق فورية في إمكانية الوصول، كل ذلك من خلال مثيل متصفّح مُدار بالكامل.
محاكاة التجارب
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.
تأكيد الجودة الاستباقي (Lighthouse)
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" للوكلاء وكيفية تصحيح الأخطاء والتحقّق من صحة الوكلاء بشكل مستقل. يتناول هذا الفيديو عملية التثبيت والمصادقة واستخدام واجهة سطر الأوامر لتنفيذ إجراءات مجمّعة.