Safari 27 Web Geliştiriciler İçin: MCP Sunucusu, Özelleştirilebilir Select ve 80 Yeni Özellik

Safari MCP sunucusu nedir? (Safari MCP server)

MCP (Model Context Protocol), yapay zekâ ajanlarının dış araçlara standart bir yolla bağlanmasını sağlayan açık protokol. Apple, Temmuz 2026'da WebKit blogunda Safari için bir MCP sunucusu duyurdu ve bu sunucu Safari 27 ile kararlı sürüme girdi. Sunucu, Safari ile zaten gelen safaridriver aracının içinde.

Bağlanan bir ajan Safari'de sekme açıp kapatabiliyor, adrese gidebiliyor, sayfa içeriğini ve ekran görüntüsünü alabiliyor, JavaScript çalıştırabiliyor, konsol mesajlarını ve ağ isteklerini listeleyebiliyor, görünüm alanı boyutunu ve medya tercihlerini (ör. karanlık mod) değiştirebiliyor. Toplam 17 araç sunuluyor; bunların arasında screenshot, list_network_requests, browser_console_messages, set_viewport_size ve evaluate_javascript var.

Pratikte bunun anlamı şu: Chrome tarafında zaten mümkün olan "ajan sayfayı açsın, hatayı kendisi görsün, düzeltsin" döngüsü artık Safari için de kurulabiliyor. iPhone kullanıcılarının büyük kısmı WebKit motoruyla gezindiği için yalnızca Safari'de bozulan düzen ve form hataları önemli bir sorun. Ajanın bunları doğrudan Safari'de görmesi test süresini kısaltıyor.

Gizlilik tarafında Apple'ın açıklaması net: sunucu tamamen yerel makinede çalışıyor, kendi başına ağ çağrısı yapmıyor, Safari'nin otomatik doldurma verilerine ve tarama geçmişine erişemiyor. Sayfa içeriği ve ekran görüntüleri Apple'a değil, kullandığınız ajana gidiyor. Bu yüzden yalnızca güvendiğiniz ajanları bağlamanız öneriliyor.

MCP sunucusu nasıl açılır? (How to enable)

1. Safari > Ayarlar > Gelişmiş bölümünde "Web geliştiricileri için özellikleri göster" seçeneğini açın.
2. Safari > Ayarlar > Geliştirici bölümünde uzaktan otomasyona ve harici ajanlara izin ver seçeneğini işaretleyin.
3. Ajanınıza sunucuyu ekleyin. WebKit'in verdiği komutlar:

# Claude Code
claude mcp add safari-mcp -- "/usr/bin/safaridriver" --mcp

# Codex
codex mcp add safari-mcp -- "/usr/bin/safaridriver" --mcp

Diğer ajanlar için mcp.json ya da benzeri yapılandırma dosyasına aynı safaridriver ikilisini --mcp argümanıyla çalıştıran bir giriş eklemek yeterli. Safari Technology Preview kullanıyorsanız yol /Applications/Safari Technology Preview.app/Contents/MacOS/safaridriver oluyor. Özellik macOS'ta çalışıyor; iPhone'daki Safari'yi doğrudan yönetmiyor.

CSS yenilikleri (CSS features)

• stretch değeri width, height, min/max boyutları ve flex-basis için destekleniyor; öğeyi kapsayıcısını dolduracak şekilde, kenar boşluklarını hesaba katarak genişletiyor.
• overflow-anchor ve kaydırma sabitleme (scroll anchoring): Üstte geç yüklenen bir reklam veya görsel, okuduğunuz metni aşağı kaydırmıyor. Haber siteleri için doğrudan okuma deneyimi ve CLS (düzen kayması) puanı demek.
• :heading ve :heading(1, 2) seçicileri tüm başlıkları ya da belirli seviyeleri tek seçiciyle hedefliyor.
• Renk: alpha(), ikiden fazla renkle color-mix(), resim kabul eden light-dark().
• Diğer: text-autospace: insert, progress() içinde no-clamp, revert-rule, anchor positioning için position-anchor: none.

HTML ve JavaScript yenilikleri

• Özelleştirilebilir <select>: appearance: base-select, ::picker-icon, ::checkmark ve <selectedcontent> ile açılır listeler JavaScript kütüphanesi olmadan tasarlanabiliyor. Bu özellik Chromium tarafında da var; artık iki ana motor destekliyor.
• sizes="auto": Tembel yüklenen görsellerde tarayıcı doğru boyutu kendisi seçiyor; sizes değerini elle hesaplama ihtiyacı azalıyor.
• <model> öğesi iOS, iPadOS ve macOS'ta: sayfaya etkileşimli 3B model gömme.
• JavaScript: ES modül yükleyicisi yeniden yazıldı (top-level await sorunları giderildi), ReadableStream için async iteration ve ReadableStream.from() geldi.
• Web API'leri: Service Worker statik yönlendirme API'si, postMessage() ile akış aktarımı, Cookie Store'da maxAge, isteğe bağlı yarıçaplı roundRect().
• WebAssembly JSPI (JavaScript Promise Integration) ve WebGPU'da clip_distances.

Web Inspector ve güvenlik

Web Inspector'da renk seçicide satır içi kontrast bilgisi, Ağ sekmesinde tam yönlendirme zinciri, Elements panelinde subgrid rozetleri geldi. Yönlendirme zincirinin görünmesi, http→https veya www yönlendirmelerinde kaç adım atıldığını görmek isteyen SEO çalışmaları için faydalı.

Güvenlik tarafında alt kaynaklar için data: adreslerine yönlendirme engellendi, adres çubuğundaki IDN homograf (benzer harfle sahte alan adı) aldatmacası düzeltildi ve yerel geliştirmede localhost üzerinde Secure çerezler çalışır hale geldi. Bazı eski SVG arayüzleri kaldırıldı; MathML öğelerinde <a> dışındaki href kullanımdan kalktı.

Web siteleri için ne anlama geliyor?

• Test sürecinize Safari'yi ekleyin. MCP sunucusu sayesinde ajanla yaptığınız otomatik kontrollerde Safari'yi de çalıştırabilirsiniz; özellikle form, ödeme ve mobil düzen sayfaları için.
• Kaydırma sabitleme artık tüm büyük tarayıcılarda olduğu için, geç yüklenen reklam alanlarına sabit yükseklik vermeyi ihmal eden siteler bile daha az zıplayacak. Yine de en iyi çözüm alan ayırmak.
• sizes="auto" ile tembel yüklenen görsellerde gereksiz büyük dosya indirilmesi azalır; mobil hız puanına olumlu yansır.

Alesta WEB olarak geliştirdiğimiz sitelerde mobil testlerin bir kısmını iPhone Safari'de yapıyoruz; ziyaretçilerin önemli bir bölümü bu tarayıcıdan geliyor. Chrome tarafındaki güncel değişiklikler için Chrome 155 beta yazımıza, IDE içinde ajan kullanımı için Android Studio BYOA yazımıza bakabilirsiniz.

Sık sorulan sorular

Safari MCP sunucusu ücretli mi?

Hayır. Safari 27 ile gelen safaridriver aracının parçası; ek kurulum gerektirmiyor, yalnızca ayarlardan açılıyor.

Safari MCP verilerimi Apple'a gönderir mi?

Apple'a göre hayır. Sunucu yerel çalışıyor, kendi ağ çağrısı yok. Sayfa içeriği ve ekran görüntüleri bağladığınız ajana gidiyor.

iPhone'daki Safari'yi ajanla test edebilir miyim?

MCP sunucusu macOS'taki Safari'yi yönetiyor. iPhone görünümünü test etmek için set_viewport_size ile mobil boyut verilebilir, ama gerçek cihaz testinin yerini tutmaz.

Safari 27'de kaç yeni özellik var?

WebKit'in açıklamasına göre 80 yeni özellik ve 844 hata düzeltmesi.

Özelleştirilebilir select'i hemen kullanabilir miyim?

Evet, ama eski tarayıcılarda klasik görünüme düşeceğini hesaba katın. appearance: base-select desteklenmeyen yerde normal açılır liste çalışmaya devam eder.

İlgili yazılar: WebGPU rehberi · Web yazılım hizmetlerimiz · Mobil uygulama geliştirme

Kapak fotoğrafı: Mariia Berezovsky / Unsplash