Safari MCP

Web geliştiricileri için Safari MCP sunucusunu tanıtıyoruz

1 Tem 2026

Saron Yitbarek tarafından

Safari Technology Preview 247'de, web geliştirme ve hata ayıklama iş akışınızı daha hızlı ve daha güçlü hale getiren bir Model Bağlam Protokolü sunucusu olan Safari MCP sunucusunu tanıtıyoruz. Aracıların kodlama sürecine giderek daha fazla entegre olduğunu biliyoruz ve Safari MCP sunucusu, aracınıza kodunuzun tarayıcıda gerçekte nasıl görüntülendiğini bilme yeteneği kazandırmak için onu bir Safari tarayıcı penceresine bağlar.

MCP uyumlu herhangi bir istemci Safari MCP sunucusuna bağlanabilir. Aracınızı bir Safari tarayıcı penceresine bağlayarak, aracınız kullanıcılarınızın deneyimlediğini taklit edebilir ve DOM, ağ istekleri, ekran görüntüleri ve konsol çıktısı gibi daha özerk bir şekilde hata ayıklamak için ihtiyaç duyduğu bilgileri edinir.

Hata ayıklama sürecinizi hızlandırır ve terminalinizin rahatlığında kalmanızı sağlar; bu da kodunuzda hata ayıklamak için pencereler arasında geçiş yapma ve istemler yazma turlarının azalması anlamına gelir.

Kullanım alanları

Web için geliştirme yapıyorsanız, hata ayıklama dansını bilirsiniz. Genellikle şöyle bir şey olur:

Tarayıcıda sitenizde yanlış bir şey görürsünüz. Onu bulmak için konsolu açarsınız. Stiller sekmesine tıklarsınız. Neyin bozuk olduğunu görürsünüz. Düzeltmek için kodunuza geri dönersiniz. Ya da bir ekran görüntüsü alır, sorunu aracınıza ayrıntılı olarak anlatır ve düzeltmeyi ona bırakırsınız. Umarım doğru yapar, hata giderilir ve yolunuza devam edersiniz.

Ancak düzelmediğinde, iş akışını tekrar yaşarsınız — Tarayıcı. İstem. Aracı.

Ve hatayı nihayet giderene kadar tekrar tekrar.

Kullandığınız tarayıcı veya araçlardan bağımsız olarak, hata ayıklama iş akışı tek bir düzeltme yapmak için çok sayıda tıklama, araç ve pencere geçişi gerektirir, ancak böyle olmak zorunda değil. Geliştirme iş akışınızda zaten aracılar kullanıyorsanız, Safari MCP sunucusu hata ayıklamanızı daha hızlı ve daha verimli hale getirir.

Safari MCP sunucusu, aracınızın kendi başına daha fazla hata ayıklama ve sorun giderme yapmasını sağlar. İşte yardımcı olabileceği şeylere sadece birkaç örnek:

Safari'de web geliştirme. Bir dahaki sefere Safari'de geliştirme yaptığınızda, yükseltilmiş bir iş akışından yararlanacaksınız. Aracınız zaten kodunuzda size yardımcı oluyor, şimdi kodunuzun Safari'de gerçekte nasıl görüntülendiğini kontrol ederek daha da fazlasını yapabilir.

Safari ile uyumluluğu artırın. Yalnızca bir tarayıcıda test yapmak, başka bir tarayıcıdaki olası hataları gözden kaçırmak ve bu kullanıcılara düşük bir deneyim sunmak anlamına gelir. Safari MCP sunucusu ile aracınız, pencere değiştirmeden sitenizi Safari'de açabilir, hesaplanan stilleri inceleyebilir, düzeni kontrol edebilir ve beklediğinizle karşılaştırabilir.

Performansı analiz edin. Sitenizin hangi bölümlerinin işleri yavaşlattığını görün. Safari MCP sunucusu, aracınızın sayfada JavaScript değerlendirmesine izin vererek gezinme zamanlaması ve kaynak yükleme süreleri gibi performans metriklerini ortaya çıkarır, böylece sitenizi neyin yavaşlattığını tam olarak belirleyebilir ve doğru düzeltme üzerinde çalışabilir.

Erişilebilirliği kontrol edin. Safari MCP sunucusu, aracınızın eksik etiketler, yanlış ARIA öznitelikleri ve düşük kontrast gibi yaygın erişilebilirlik sorunlarını kontrol etmesini sağlar, böylece kullanıcılarınızı etkileyen sorunları yakalayabilirsiniz.

Herhangi bir kullanıcı durumunu doğrulayın. Sayfanın olması gerektiği gibi çalıştığını ve göründüğünü bilin. Aracınız formun durumunu kontrol edebilir, bir seçici kullanarak bir öğeyi sorgulayabilir, belirli etkileşimleri onaylayabilir, bir ödeme akışının farklı durumlarını gösterebilir ve daha fazlasını yapabilir. Bu manuel kontrollere daha az zaman harcayın ve aracıyı sizin için yapması için güçlendirin.

Bunlar kullanım alanlarından sadece birkaçı. Nasıl uygulamaya karar verirseniz verin, Safari MCP sunucusu aracınızın sizin için daha fazlasını yapmasına ve web geliştirmenin sıklıkla gerektirdiği tüm ileri geri hareketleri azaltmasına yardımcı olur. Daha kolay bir iş akışı, daha fazla hatanın giderilmesi, daha mutlu kullanıcılar ve daha iyi bir ürün anlamına gelir.

Araçlar

İşte mevcut araçlar ve ne yaptıkları:

Araç	Açıklama
browser_console_messages	Geçerli veya belirtilen sekme için arabelleğe alınmış konsol günlüklerini döndürür
browser_dialogs	Tarayıcı diyaloglarını listeler ve yanıtlar (kabul et, reddet veya JS istemleri için metin gir)
close_tab	Bir tarayıcı sekmesini tanıtıcısına göre kapatır
create_tab	İsteğe bağlı olarak bir URL yükleyerek yeni bir tarayıcı sekmesi oluşturur
evaluate_javascript	Sayfa içinde JavaScript kodu yürütür ve sonucu döndürür
get_network_request	Kaydedilmiş tek bir ağ isteği için tam ayrıntıyı alır (başlıklar, gövde, zamanlama)
get_page_content	Bir sayfanın metin içeriğini çeşitli formatlarda çıkarır (markdown, HTML, JSON, vb.)
list_network_requests	Geçerli sekme için ağ isteği özetlerini listeler (URL, yöntem, durum, zamanlama)
list_tabs	Tüm açık tarayıcı sekmelerini tanıtıcıları ve URL'leri ile listeler
navigate_to_url	Bir URL'ye gider ve yüklenen sayfanın içeriğini döndürür
page_info	Geçerli sayfa hakkında bilgi alır: URL, başlık ve yükleme durumu
page_interactions	Sırayla DOM etkileşimleri gerçekleştirir: tıklama, yazma, kaydırma, üzerine gelme, tuşa basma, vb.
screenshot	Geçerli sayfanın PNG olarak ekran görüntüsünü yakalar
set_emulated_media	Duyarlı tasarım testi için bir CSS medya türünü taklit eder (örn. “print”)
set_viewport_size	Tarayıcı görünüm alanı boyutunu CSS pikselleri cinsinden ayarlar
switch_tab	Tanıtıcısına göre farklı bir tarayıcı sekmesine geçer
wait_for_navigation	Geçerli sayfanın yüklenmeyi bitirmesini bekler; son URL ve başlığı döndürür

Safari MCP sunucusu ile, artık tarayıcıda deneyimlediğiniz şeyi aracınıza dikkatlice açıklayan mükemmel istemi yazmak zorunda değilsiniz. Aracınıza kendi başına öğrenme yeteneği verebilirsiniz.

Nasıl başlanır

Öncelikle Safari Technology Preview'ı yüklemeniz gerekecek. Yüklendikten sonra, Safari Ayarları > Gelişmiş > Web geliştiricileri için özellikleri göster'i etkinleştirdiğinizden emin olun. Ardından Safari Ayarları > Geliştirici > Uzaktan otomasyonu ve harici aracıları etkinleştir'e gidin.

Claude kullanıyorsanız, terminalinizde aşağıdaki komutu kullanabilirsiniz:

claude mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp

Codex kullanıyorsanız, terminalinizde aşağıdaki komutu kullanabilirsiniz:

codex mcp add safari-mcp-stp -- "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver" --mcp

Diğer aracılar için, aşağıdakini mcp.json veya config.json dosyanıza koyabilirsiniz:

"safari-mcp-stp": {
  "command": "/Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver",
  "args": ["--mcp"] 
}

Yukarıdaki kodun sunucuyu safari-mcp-stp olarak adlandırdığını, ancak onu istediğiniz gibi, hatta sadece safari olarak adlandırabileceğinizi unutmayın. Safari MCP sunucusunu yükledikten sonra, aşağıdaki istemlerden birini deneyin:

Find bugs on my site in Safari

How accessible is my site in Safari?

See how my website performs in Safari

Her aracı biraz farklı çalışsa da, Safari MCP sunucusunu açıkça kullanması söylenmesine gerek kalmamalıdır — kendi başına çözecektir. Yukarıdakiler gibi basit istemler MCP'yi başlatmak için yeterlidir.

Safari MCP sunucusunu kullanan bir aracıyla bir konuşmanın nasıl gidebileceği aşağıda açıklanmıştır:

Siz: Bir hata raporu aldım — Safari'de uçuş sayfasında bir şey bozuk. Neler olduğunu anlayabilir misin?

Aracı: Tabii, bir bakayım.

Aracı: Safari'deki uçuş sayfasında iki ayrı hata buldum. İkisini de düzeltmemi ister misin?

Siz: Evet. Burada Safari kullanıcıları için soruna neden olabilecek başka bir şey var mı?

Aracı: Evet, belirtmeye değer iki şey daha var. Sonuçların ortaya çıkma animasyonu sessizce bozuk ve API sunucusu başlangıç günlüğü yanlış. İkisini de ele alayım mı?

Başlamak için tek ihtiyacınız olan bir başlangıç isteğidir ve Safari MCP sunucusunun yardımıyla, aracınız oradan devam edebilir.

Safari MCP sunucusu tamamen yerel makinenizde çalışır ve kendi başına hiçbir ağ çağrısı yapmaz. Ayrıca Safari'deki kişisel bilgilerinize (örn. Otomatik Doldurma veya diğer tarayıcı etkinliği) erişimi yoktur. Sayfa içeriğini, ekran görüntülerini veya konsol günlüklerini yakaladığında, bu veriler doğrudan çalıştırdığınız aracıya gider — Apple'a değil. Bu verilere oradan ne olacağı, kullandığınız aracıya ve modele bağlıdır. Tarayıcınıza erişim verdiğiniz herhangi bir aracıda olduğu gibi, yalnızca güvendiğiniz aracıları kullanın.

Bunu neden geliştirdik

Web için geliştirme yapmanın, hem yapay zeka ile hem de yapay zeka olmadan birçok yolu vardır. Yapay zeka iş akışınızın bir parçasıysa, bu aracın onu daha da üretken hale getirmeye yardımcı olacağını düşünüyoruz. Değilse, bu da sorun değil.

Bu kaynağı oluşturarak, aracınızın tarayıcıda işlerin nasıl göründüğünü ve çalıştığını anlamasına yardımcı olarak Safari'de test etmeyi ve hata ayıklamayı her zamankinden daha kolay hale getirmeyi umuyoruz.

Denerseniz veya bu bir MCP sunucusunu ilk kullanışınızsa, ne düşündüğünüzü bize bildirin.

Bizi çevrimiçi bulun: Saron Yitbarek BlueSky'da, Jen Simmons Bluesky / Mastodon'da ve Jon Davis Bluesky / Mastodon'da. Herhangi bir sorunla karşılaşırsanız, bir WebKit hata raporu gönderin. Sorunları bildirmek gerçekten fark yaratır.