Chrome DevTools MCP vs Browser Tools MCP

Chrome DevTools MCP ne zaman seçilir

• Ajanın bir hatayı tarayıcıda adım adım yeniden üretmesini istiyorsanız Chrome DevTools MCP seçin. Sayfa açma, düğmeye tıklama, form doldurma ve sonucu inceleme araçları bulunur. Puppeteer tabanlı otomasyon, eylemlerin sonuçlarını bekler; aynı etkileşimleri tekrar gerektiren incelemelere uygundur.
• Yavaş açılan bir sayfanın nedenini performans izi üzerinden araştıracaksanız tercih edin. performance_start_trace ve performance_stop_trace ile kayıt alabilir, performance_analyze_insight ile bulguları inceleyebilirsiniz. Konsol mesajları ve ağ istekleri de aynı araştırmada kullanılabilir.
• Hatanın bellek kullanımıyla bağlantısını araştırıyorsanız seçin. take_heapsnapshot, bellek incelemesi için anlık görüntü alır. Ajan ayrıca evaluate_script, sayfa anlık görüntüleri ve ekran görüntüleriyle tarayıcıdaki durumu inceleyebilir.
• Görev için Chrome'u sunucunun açmasını veya uzaktan hata ayıklama portu üzerinden çalışan bir tarayıcıya bağlanmasını istiyorsanız kullanın. Bu bağlantı biçimi, tarayıcıya DevTools eklentisi yüklemeyi gerektirmez.

Browser Tools MCP ne zaman seçilir

• Hata, giriş yaptığınız ve hâlihazırda kullandığınız Chrome sekmesinde görünüyorsa Browser Tools MCP seçin. DevTools eklentisi bu oturumun konsol ve ağ verilerini yakalar. Hatayı incelemek için ayrı bir test profilinde yeniden giriş yapmanız gerekmez.
• Sayfadaki öğeyi kendiniz seçip ajana inceletmek istiyorsanız tercih edin. getSelectedElement, Elements panelindeki seçimi okur. getPageInfo ise incelenen sayfayı bildirir; böylece isteğinizi tarayıcıda baktığınız öğe üzerinden kurabilirsiniz.
• DevTools açık birden fazla sekmede hata ayıklıyorsanız kullanın. listBrowserTabs ile sekmeleri listeleyip dönen tabId üzerinden hedef belirleyebilirsiniz. Kayıtlar sekme başına tutulur; çok fazla mesaj üreten bir sayfa diğer sekmenin geçmişini silmez.
• Belirli konsol hatalarını, başarısız istekleri veya Lighthouse bulgularını incelemek istiyorsanız seçin. Konsol ve ağ sonuçlarını filtreleyebilir, hatayı yeniden üretmeden önce wipeLogs ile kayıtları temizleyebilirsiniz. Erişilebilirlik, performans, SEO ve iyi uygulamalar için ayrı denetim araçları bulunur.

Temel farklar

• Tarayıcıya bağlantı biçimleri farklıdır. Chrome DevTools MCP, Chrome'u başlatır veya uzaktan hata ayıklama bağlantısı kurar. Browser Tools MCP, kendi sürecinde çalışan bağlayıcıyı Chrome eklentisiyle eşleştirir. Ağ kaydı DevTools açılınca başlar; daha önce tamamlanan istekleri yakalamak için sayfayı yeniden yüklemek gerekir.
• Etkileşim araçlarının davranışı farklıdır. Chrome DevTools MCP, otomasyon akışında click ve fill_form sunar. Browser Tools MCP de gezinme ve giriş araçları içerir. Ancak softClick ve softType, tarayıcının güvenilir kullanıcı girdisi saymadığı olaylar üretir; giriş izni ister ve gerçek bir kullanıcı hareketinin gerektiğini bildirebilir.
• Performans incelemesinin kapsamı farklıdır. Chrome DevTools MCP; performans izlerini, analiz araçlarını, heap anlık görüntülerini ve Lighthouse denetimlerini bir araya getirir. Browser Tools MCP, Lighthouse denetimlerini ayrı araçlarla sunar. Bu denetimler ayrı bir tarayıcı açar; giriş yaptığınız sekmeden eklentiyle veri toplama işlemiyle aynı oturumda çalıştıkları varsayılmamalıdır.
• Bağlantı kimlik doğrulaması farklıdır. Verilen yapılandırmada Chrome DevTools MCP için sunucu kimlik doğrulaması gerekmez. Browser Tools MCP'nin loopback HTTP API'si ve eklenti WebSocket bağlantısı, her çalıştırmada üretilen bearer token kullanır. Eklenti bu token'ı yalnızca tarayıcı eklentisi origin'lerine yanıt veren eşleştirme uç noktasından alır.
• Veri işleme tercihleri farklıdır. Chrome DevTools MCP, tarayıcı içeriğini MCP istemcisine açar; varsayılan olarak kullanım istatistikleri toplar ve performans izlerindeki URL'leri Google CrUX'a gönderebilir. Bunları --no-usage-statistics ve --no-performance-crux ile kapatabilirsiniz. Browser Tools MCP, yakalanan kimlik bilgilerini maskeler; başlıkları varsayılan olarak kaydetmez ve depolama değerlerini açıkça istenmedikçe döndürmez. Bağlayıcı ve eklenti bağlantısı loopback üzerinde kalır.

Kurulum

Chrome DevTools MCP için MCP istemcisini npx -y chrome-devtools-mcp@latest çalıştıracak şekilde yapılandırın. Node.js LTS, npm ve güncel kararlı Chrome veya daha yenisi gerekir. Yalnızca MCP bağlantısı kurulması tarayıcıyı açmaz; tarayıcıya ihtiyaç duyan ilk araç çağrısı Chrome'u başlatır.

Browser Tools MCP için Node 22.19 veya daha yenisiyle npx -y @agentdeskai/browser-tools-mcp@latest komutunu yapılandırın. chrome://extensions sayfasında geliştirici modunu açıp Load unpacked seçeneğiyle deponun chrome-extension dizinini yükleyin. Hedef sayfada DevTools'u açınca kayıt başlar. Bağlayıcı MCP sunucusunun içinde çalışır; ayrıca başlatmanız gerekmez. Kurulum sorunlarını incelemek için npx @agentdeskai/browser-tools-mcp --doctor çalıştırın.