Temsilciler için Chrome Geliştirici Araçları
Geliştirici Araçları MCP sunucusu veya bu sunucunun özel CLI'si ve becerileri aracılığıyla kodlama temsilcinize Geliştirici Araçları'nın gücünü verin.
MCP sunucusu
CLI
Şimdi yükle
Hem MCP sunucusu hem de CLI aynı paketin parçasıdır. Tercih ettiğiniz kodlama aracınız için bunları edinin. En popüler aracıların talimatlarını aşağıda, 20'den fazla aracının talimatlarını ise GitHub'da bulabilirsiniz.
Gemini 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
Claude Code
# 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
codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest
İlk adımlar
DevTools MCP sunucusunu veya CLI'yı yükledikten sonra, kullanmaya başlamak için birkaç istem deneyin. Temsilcinizden Lighthouse denetimi yapmasını, form doldurmasını veya ekran görüntüsü almasını isteyebilirsiniz. Bu özelliklerin tümünü kullanırken görmek için örneğin aşağıdaki istemi deneyin:
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.
Bu istem, yeni bir sayfa oluşturmak, arama çubuğuyla etkileşimde bulunmak ve CrUX verileri de dahil olmak üzere performans izlemesi çalıştırmak için araçları kullanır.