Web API Kılavuzu

Bu sayfa, Web API’ler için hızlı bir “atlas” gibidir. Her API için basit bir HTML test sayfasına giden link bulacaksınız. Sayfalarda hem “destek var mı?” kontrolü, hem de temel düzeyde bir kullanım örneği bulunur.

Not: Bazı API’ler HTTPS, izin (permission) veya Service Worker gibi ek koşullar ister; bu durumlar ilgili sayfalarda not olarak belirtilir.

Ana test paneline dön (index.htm)

• Attribution Reporting API (Experimental) — Gizlilik odaklı reklam dönüşüm ölçümü (attribution) için tarayıcı/sunucu iş birliğini hedefler. Bu sayfa tarayıcı tarafı destek kontrolü ve kısa notlar içerir.
• Audio Output Devices API (Experimental) — Sesin hangi çıkış cihazından (hoparlör/kulaklık) verileceğini seçmeyi sağlar. Cihaz listeleme ve setSinkId() denemesi içerir.

• Background Fetch API (Experimental) — Büyük/uzun süren indirmeleri Service Worker üzerinden arka planda yönetmeyi amaçlar. Destek kontrolü ve örnek akış notları içerir.
• Background Synchronization API — Çevrimdışı birikmiş işleri bağlantı gelince senkronize etmek için Service Worker ile kullanılır. Basit sync.register() denemesi içerir.
• Background Tasks API — Ana iş parçacığı boşken düşük öncelikli işleri çalıştırmaya yarar (örn. requestIdleCallback). Basit bir “idle” görevi örneği içerir.
• Badging API — PWA/uygulama ikonunda küçük bir sayaç/işaret (badge) göstermek için kullanılır. Set/clear işlemleri için mini test içerir.
• Barcode Detection API (Experimental) — Barkod/QR kod algılamayı tarayıcı içinde yapmayı sağlar. Görsel yükleyip decode denemesi yapılır.
• Battery Status API — Pil seviyesi ve şarj durumunu okumayı sağlar (bazı tarayıcılarda kaldırılmış olabilir). Durum okuma ve event örneği var.
• Beacon API — Sayfa kapanırken küçük telemetri verisini “fire-and-forget” şekilde göndermeyi amaçlar. sendBeacon destek kontrolü ve örnek çağrı var.
• Web Bluetooth API (Experimental) — BLE cihazlarını tarayıcıdan keşfetme/bağlanma imkânı verir (genelde HTTPS + kullanıcı etkileşimi gerekir). Cihaz seçme isteği için temel örnek içerir.
• Broadcast Channel API — Aynı origin içindeki sekmeler/iframe’ler arasında mesajlaşma sağlar. Mesaj gönder/al demo’su içerir.

• CSS Custom Highlight API — DOM içine ekstra element eklemeden metin aralıklarını özel highlight’larla vurgulamayı sağlar. Basit highlight oluşturma/temizleme örneği var.
• CSS Font Loading API — Font yüklenme durumunu JS’ten izlemeyi ve fontları programatik yönetmeyi sağlar. document.fonts ile temel kontrol örneği var.
• CSS Painting API (Experimental) — Houdini Paint Worklet ile CSS’te “paint()” tabanlı özel çizimler tanımlamayı sağlar. Mini worklet örneği içerir.
• CSS Properties and Values API — CSS.registerProperty ile typed custom property tanımlamayı sağlar. Kayıt ve örnek kullanım gösterilir.
• CSS Typed OM API — CSS değerlerini string yerine tipli nesnelerle yönetmeyi hedefler. attributeStyleMap ile küçük demo içerir.
• CSS Object Model (CSSOM) — Stil sheet’leri ve rule’ları JS’ten okuyup düzenlemeyi sağlar. insertRule gibi temel işlemler gösterilir.
• CSSOM View API — Viewport, scroll ve element ölçümleri (örn. getBoundingClientRect) için arayüzleri sağlar. Metrik okuma demo’su var.
• Canvas API — 2D çizim ve basit animasyon için <canvas> sağlar. Temel çizim örneği içerir.
• Channel Messaging API — MessageChannel ile iki uç arasında mesajlaşmayı sağlar. Portlar arası gönder/al demo’su içerir.
• Clipboard API — Panoya kopyalama/yapıştırma gibi işlemleri JS’ten yapmayı sağlar (çoğunlukla HTTPS + kullanıcı etkileşimi gerekir). Okuma/yazma denemesi var.
• Compression Streams API — Akış üzerinde gzip/deflate gibi sıkıştırma/açma işlemleri yapmayı sağlar. Küçük bir “compress + decompress” testi var.
• Compute Pressure API (Experimental) — CPU/iş yükü baskısı gibi sinyalleri gözlemlemeyi hedefler. PressureObserver ile başlat/durdur örneği içerir.
• Console API — console.log, console.time gibi debug çıktılarını sağlar. Basit butonlarla örnek çağrılar içerir.
• Contact Picker API (Experimental) — Kullanıcının rehberinden kişi seçmeyi sağlar. navigator.contacts.select denemesi içerir.
• Content Index API (Experimental) — PWA’nın offline içeriklerini “index” olarak kaydedip yönetmeyi sağlar (Service Worker ile). Destek kontrolü ve örnek çağrı alanı var.
• Cookie Store API — Cookie’lere promise tabanlı erişim sağlar (deneysel). Set/get/list gibi temel işlemler için mini test içerir.
• Credential Management API — Kaydedilmiş kimlik bilgileriyle giriş akışlarını kolaylaştırmayı hedefler. Destek kontrolü ve örnek navigator.credentials çağrıları var.

Bu kılavuz şu an A–C ile sınırlı. D ve sonrası için aynı formatta link + test sayfası eklenebilir.