Chrome DevTools MCP nedir? Asistana tarayıcıyı incelettirmek, kurulum, telemetri ve gizlilik

Asistanına (Claude Code, Cursor gibi) "bu sayfa neden yavaş" ya da "formu doldur" dersin; Chrome DevTools MCP bilgisayarındaki Chrome'u açıp sayfanın performans izini kaydeder, konsol ve ağ hatalarını okur, ekran görüntüsü alır, tıklayıp form doldurur. Google Chrome ekibinin açık kaynak MCP sunucusu (resmî adı artık "Chrome DevTools for agents"); bilgisayarında çalışır, hesap, API anahtarı ve ücret yok (Apache-2.0). İki şeye dikkat: Google kullanım istatistiği toplar ve bu varsayılan olarak açık (--no-usage-statistics ile kapanır), ayrıca asistan sayfada JavaScript çalıştırabilir ve varsayılan Chrome profili çalıştırmalar arasında silinmez.

Ne yapar: Asistana Chrome'da sayfa açtırıp hata ve performans okutur
Tür: MCP sunucusu (yerel, npx ile)
Nerede: Claude Code, Codex, Cursor, VS Code, Gemini CLI ve ~25 istemci
Gereksinim: Node.js LTS ve güncel kararlı Chrome
Telemetri: Varsayılan açık; kapatılabilir
Türkçe: Resmî kaynak yazmıyor
Ücret: Ücretsiz; hesap ve anahtar yok

Chrome DevTools MCP ne işe yarar?

MCP, yapay zekâ programlarının dış araçlara bağlanma standardıdır. Bu sunucu asistanına Chrome'un geliştirici araçlarını verir: "bu sayfanın performansına bak" dersin, asistan tarayıcıyı açıp performans izi kaydeder, konsol mesajlarını (kaynak eşlemeli) ve ağ isteklerini okur, CSS'i inceler, ekran görüntüsü alır. Kendi yazdığın sayfadaki hatayı asistanın görerek düzeltmesi için kullanışlı.

SenSayfayı incelemesini istersin

AsistanClaude Code, Codex, Cursor, VS Code

Chrome DevTools MCPBilgisayarında, npx ile

ChromePerformans izi, konsol, ağ, ekran görüntüsü

Asistan sayfada JavaScript çalıştırabilir; kullanım istatistiği varsayılan açık.

Sayfa performansını ölçtürmekNe alırsın: Performans izi ve önerilerAyrı kurulum gerekir Konsol ve ağ hatalarını okutmakNe alırsın: Hata listesi ve kaynak eşlemeli izAyrı kurulum gerekir

Araçlar kategorilere ayrılmış: gezinme, giriş otomasyonu, performans, ağ, hata ayıklama, bellek ve emülasyon. Resmî araç referansında 59 araç listeli; uzantı, üçüncü taraf, WebMCP ve PWA kategorileri varsayılan olarak kapalı, bazıları bayrak ister. Varsayılan açık araç sayısı belgede net değil.

Kime yarar: web geliştiricilerine ve sitesinin hızını ya da hatalarını asistanla incelemek isteyenlere. Web geliştirmiyorsan işine yaramaz.

Chrome DevTools MCP nasıl kurulur?

Bilgisayarında Node.js (LTS) ve güncel kararlı Google Chrome olmalı; resmî olarak yalnız Chrome ve Chrome for Testing destekleniyor. Komutlar resmî belgeden aynen alındı.

MCP olarak ekle› claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

Ya da eklenti olarak (MCP + skill'ler)› /plugin marketplace add ChromeDevTools/chrome-devtools-mcp

Eklenti için sonra /plugin install chrome-devtools-mcp@chrome-devtools-plugins yaz ve Claude Code'u yeniden başlat; önceden MCP olarak kurduysan belge önce onu kaldırmayı söylüyor.

Çoğu istemcide geçerli ayar› { "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"] } } }

README, @latest kullanmanın istemcinin her zaman son sürümü çalıştırmasını sağladığını yazıyor. Sürümü sabitlemek istersen @latest yerine sürüm numarası yaz; bu senin tercihin, resmî komut sabitlemiyor.

Codex› codex mcp add chrome-devtools -- npx chrome-devtools-mcp@latest

Gemini CLI› gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest

Cursor: Cursor Settings sonra MCP sonra New MCP Server alanına standart JSON'u yapıştır. VS Code: Command Palette'ten "Chat: Install Plugin From Source" seçip ChromeDevTools/chrome-devtools-mcp yaz; ya da macOS ve Linux'ta code --add-mcp komutunu kullan.

Windows 10'da "Connection closed" hatası alırsan belge command değerini cmd, args değerini ["/c", "npx", "-y", "chrome-devtools-mcp@latest"] yapmayı söylüyor.

İlk deneme için belgenin önerdiği istem: "Check the performance of https://developers.chrome.com". İstemci tarayıcıyı açıp performans izi kaydetmeli.

Kurulum belgesi yaklaşık 25 istemci için adım veriyor (Cline, JetBrains, Windsurf, Warp, Kiro ve diğerleri). Listede olmayan bir araçta standart JSON'u dene.

Chrome DevTools MCP nasıl kullanılır?

Kurduktan sonra asistana normal bir istek yazarsın; hangi aracı çağıracağını kendisi seçer. Varsayılan olarak Chrome'u kendi ayrı profil klasörüyle açar.

Performansı ölçtür"http://localhost:3000 sayfasının performans izini kaydet, en büyük üç sorunu ve her birinin nedenini yaz. Kodu değiştirme."

Hatayı bul"Sayfayı aç, konsoldaki hataları ve başarısız ağ isteklerini listele; kaynak koddaki karşılıklarını bul."

Pencere açmadan çalıştır (isteğe bağlı bayrak)

› { "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest", "--headless", "--isolated"] } } }

--isolated her çalıştırmada silinen geçici profil kullanır; --slim yalnız gezinme, betik çalıştırma ve ekran görüntüsü olmak üzere 3 araç açar.

Chrome DevTools MCP hangi programlarda çalışır?

Claude CodeVar	Komut ve eklenti yolu belgede.
CodexVar	Komut var; Windows 11 için ek ayar belgede.
Cursor, VS Code, Gemini CLIVar	Belgede her biri için adım var.
AntigravityVar	Antigravity 2.0 ile hazır paketli geliyor; eklenti zip'inde eksik dosya bildiren açık bir kayıt var (issue #3024).
Cline, JetBrains, Windsurf, Warp, Kiro ve diğerleriVar	Belgede adı ve kurulum adımı geçiyor.
Claude Desktop, ChatGPTNet değil	Resmî kurulum belgesinde adı geçmiyor; "çalışmaz" demek değildir.

Liste resmî istemci yapılandırma belgesinden derlendi. Bu bir yerel sunucu olduğu için web tabanlı sohbet uygulamalarında kullanılabilirlik belgelenmemiş.

Chrome DevTools MCP neye erişir, hangi veri dışarı gider?

Okur

Sayfa içeriği ve erişilebilirlik ağacı, ağ istekleri ve yanıt gövdeleri, konsol mesajları, CSS, ekran görüntüleri, performans izleri, bellek anlık görüntüleri.

Yapar

Sayfada tıklar, yazar, form doldurur, dosya yükler, gezinir. evaluate_script ile sayfada rastgele JavaScript çalıştırabilir. Verdiğin yola ekran görüntüsü, iz ve bellek dosyası yazar.

Profil

Varsayılan Chrome profili çalıştırmalar arasında silinmez (Windows: %USERPROFILE%\.cache\chrome-devtools-mcp\chrome-profile), yani içindeki girişler ve çerezler kalır. --isolated geçici profil kullanır.

Dışarı giden veri

Sayfa verisi MCP'yi kullanan yapay zekâ sağlayıcına gider. Ayrıca Google'a iki şey gidebilir: kullanım istatistiği (araç çağrı başarı oranı, gecikme, ortam bilgisi) ve performans araçlarında izlenen sayfa adresleri (CrUX API). İkisi de varsayılan olarak açık.

Kapatmak için	Ne kapanır
`--no-usage-statistics` (ya da CHROME_DEVTOOLS_MCP_NO_USAGE_STATISTICS veya CI ortam değişkeni)	Google'a kullanım istatistiği gönderimi.
`--no-performance-crux`	Performans izlerindeki sayfa adreslerinin CrUX API'sine gönderimi.
CHROME_DEVTOOLS_MCP_NO_UPDATE_CHECKS	Güncelleme denetimi.

Kendi çalışan Chrome'una bağlanırsan (--autoConnect ya da --browser-url), MCP o profildeki tüm pencerelere erişir. README, paylaşmak istemediğin hassas ya da kişisel bilgiyi paylaşmamanı söylüyor. Asistan, giriş yapılmış bir profilde tıklayıp form gönderebilir; bankacılık gibi oturumların açık olduğu bir profille bağlama. Güvenlik uyarısı taramasında iki orta düzey kayıt çıktı (sembolik bağ konusu); ikisi de 1.1.0'da düzeltilmiş. Güncel sürüm için açık kayıt görünmüyor. Bu "güvenli" demek değildir.

Chrome DevTools MCP ücretsiz mi?

Evet. Hesap, API anahtarı ve ücret gerektirmiyor; Apache-2.0 lisanslı açık kaynak yazılım. Ücretsiz Claude ya da başka bir asistan planı kullanıyorsan o planın kendi sınırları geçerli; bu sunucu ek ücret istemez.

Yapabilirsin

Apache-2.0: kullanmak, değiştirmek, ticari işte kullanmak serbest

Yasak

Resmî olarak yalnız Google Chrome ve Chrome for Testing destekleniyor; diğer Chromium tarayıcıları "çalışabilir ama garanti yok"

Kaynak: README ve LICENSE dosyası. Bu bir hukuki görüş değildir.

Sık sorunlar ve çözümleri

Ne oluyor	Ne yapmalı
"Target closed" hatası	Tarayıcı başlatılamamış. Açık Chrome örneklerini kapat ve güncel kararlı Chrome kurulu olsun.
Windows 10'da "MCP error -32000: Connection closed"	command değerini `cmd`, args değerini `["/c","npx","-y","chrome-devtools-mcp@latest"]` yap ya da npx'in mutlak yolunu yaz.
WSL'de Chrome açılmıyor	WSL içine Chrome kur ya da Windows tarafında uzaktan hata ayıklamayla Chrome açıp `--browser-url` ver; ya da PowerShell veya Git Bash kullan.
Claude Code eklentisi "Failed to clone repository" ile kurulmuyor	Sorun giderme belgesindeki geçici çözümlere bak ya da yalnız MCP olarak kur.
Kullanıcıların bildirdiği macOS'ta --autoConnect "Could not find DevToolsActivePort" veriyor	Açık issue #3089; kesin çözüm yok.
Kullanıcıların bildirdiği Codex eklenti adı uyuşmazlığı	Açık issue #3038; MCP olarak kurmayı dene.

Chrome DevTools MCP nasıl kaldırılır?

İstemcide: MCP ayarından chrome-devtools kaydını sil. Claude Code'da claude mcp remove chrome-devtools; eklenti kurduysan eklentiyi kaldır.
Profil klasörü: İstersen araçla oluşan Chrome profilini elle sil (Windows: %USERPROFILE%\.cache\chrome-devtools-mcp).

Sunucu npx ile çalıştığı için global bir kurulum yok; npx önbelleği için ayrı bir adım belgede yok.

Sık sorulan sorular

Chrome DevTools MCP nedir?

Google Chrome ekibinin açık kaynak MCP sunucusu. Yapay zekâ asistanının bilgisayarındaki Chrome'u açıp performans izi kaydetmesini, konsol ve ağ hatalarını okumasını, ekran görüntüsü almasını ve sayfada tıklayıp form doldurmasını sağlar.

Chrome DevTools MCP ücretsiz mi, hesap gerekir mi?

Ücretsiz; hesap ya da API anahtarı gerekmiyor. Apache-2.0 lisanslı. Node.js LTS ve güncel kararlı Chrome gerekir.

Chrome DevTools MCP Google'a veri gönderiyor mu?

Kullanım istatistiği toplanıyor ve README bunun varsayılan olarak açık olduğunu yazıyor; --no-usage-statistics ile kapanır. Performans araçları izlenen sayfa adreslerini CrUX API'sine de gönderebilir; --no-performance-crux ile kapanır.

Kendi Chrome profilime bağlamak güvenli mi?

Dikkat gerekir. --autoConnect ya da --browser-url ile bağlanırsan MCP o profildeki tüm pencerelere erişir. Varsayılan ayrı profil ise çalıştırmalar arasında silinmez; temiz bir profil için --isolated kullan.

Chrome DevTools MCP hangi işlerde, hangi setlerde?

Claude Code ile başlangıç

İlgili rehberler

Cline

Claude Plugins Official

21st MCP

ai-memory awwwards-animations

Brave Search MCP

Kaynaklar

Resmî kaynaklarda net olmayanlar: Varsayılan olarak açık araç sayısı (belgede 59 araç listeli, bazı kategoriler kapalı) · telemetri alanlarının tam listesi · kurumsal yönetilen cihazlarda istemci ilkeleri · OSV taraması · Claude Desktop ve ChatGPT'de çalıştığı. Her biri ilgili bölümde yazılı.