يستخدم Chrome DevTools عبر MCP لتصحيح الأخطاء واستكشاف الأخطاء وإصلاحها وأتمتة المتصفح بكفاءة. يُستخدم عند تصحيح أخطاء صفحات الويب، أو أتمتة تفاعلات المتصفح، أو تحليل الأداء، أو فحص طلبات الشبكة.
ثبّت مهارة الذكاء الاصطناعي chrome-devtools بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: chromedevtools/chrome-devtools-mcp.
Browser lifecycle: Browser starts automatically on first tool call using a persistent Chrome profile. Configure via CLI args in the MCP server configuration: npx chrome-devtools-mcp@latest --help.
Page selection: Tools operate on the currently selected page. Use listpages to see available pages, then selectpage to switch context.
Element interaction: Use takesnapshot to get page structure with element uids. Each element has a unique uid for interaction. If an element isn't found, take a fresh snapshot - the element may have been removed or the page changed.
يستخدم Chrome DevTools عبر MCP لتصحيح الأخطاء واستكشاف الأخطاء وإصلاحها وأتمتة المتصفح بكفاءة. يُستخدم عند تصحيح أخطاء صفحات الويب، أو أتمتة تفاعلات المتصفح، أو تحليل الأداء، أو فحص طلبات الشبكة. المصدر: chromedevtools/chrome-devtools-mcp.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill chrome-devtoolsيستخدم Chrome DevTools عبر MCP لتصحيح الأخطاء واستكشاف الأخطاء وإصلاحها وأتمتة المتصفح بكفاءة. يُستخدم عند تصحيح أخطاء صفحات الويب، أو أتمتة تفاعلات المتصفح، أو تحليل الأداء، أو فحص طلبات الشبكة. المصدر: chromedevtools/chrome-devtools-mcp.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/chromedevtools/chrome-devtools-mcp --skill chrome-devtools بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/chromedevtools/chrome-devtools-mcp