Web API Nedir?

Web API (veya Browser API), modern web tarayıcılarına yerleştirilmiş olan ve JavaScript'in tarayıcı özellikleri, donanım ve işletim sistemiyle etkileşim kurmasını sağlayan bir arayüz koleksiyonudur. Örnekler arasında ağ istekleri için Fetch API, GPS koordinatları için Geolocation API, 3D grafikler için WebGL, kopyala/yapıştır için Clipboard API ve yüzlercesi yer alır. Her API, W3C ve WHATWG gibi web standartları kuruluşları tarafından tanımlanır ve tarayıcı satıcıları bunları kendi hızlarında uygularlar.

Tarayıcı desteği geniş ölçüde değiştiğinden — bazı API'ler evrensel olarak desteklenirken, diğerleri deneysel veya satıcıya özgüdür — geliştiriciler genellikle belirli bir tarayıcıda kullanmadan önce hangi API'lerin gerçekten kullanılabilir olduğunu kontrol etmeleri gerekir. Özellik algılama (bir API'nin window üzerinde var olup olmadığını çağırmadan önce kontrol etmek) standart yaklaşımdır.

Araç Açıklaması

Bu araç, mevcut tarayıcınızda hangi Web API'lerinin gerçek zamanlı olarak kullanılabilir olduğunu test eder. Canlı tarayıcı algılamasını MDN'den alınan tarayıcı uyumluluk verileriyle birleştirerek, hangi API'lerin desteklendiğinin, hangi sürümde kullanılabilir hale geldiğinin ve hangilerinin hala deneysel olduğunun kapsamlı bir görünümünü sunar.

Özellikler

  • Canlı algılama: Her API'yi gerçek tarayıcınızın window nesnesiyle test eder ve desteklenen, desteklenmeyen veya bilinmeyen durumu anında bildirir
  • MDN uyumluluk verileri: Her API'yi destekleyen Chrome, Firefox, Safari ve Edge'in minimum sürümünü gösterir; resmi @mdn/browser-compat-data paketinden alınır
  • Deneysel API işaretlemesi: Hala deneysel olan veya özellik bayraklarının arkasında olan API'leri açıkça işaretler
  • Özel ifade test cihazı: Herhangi bir JavaScript ifadesini girerek tarayıcınızda canlı olarak değerlendirin ve sonucu veya hatayı görün
  • Filtreleme ve arama: Destek durumuna göre filtreleyin (desteklenen/desteklenmeyen/bilinmeyen) ve ihtiyacınız olanı hızlıca bulmak için API adına göre arama yapın

Nasıl Çalışır?

Araç, derleme zamanında MDN Browser Compat Data paketinden Web API girdilerinin bir listesini yükler. Sayfayı açtığınızda, her API adını global window nesnesinin bir özelliği olarak değerlendirir — eğer özellik varsa ve null değilse, API desteklenen olarak işaretlenir. MDN sürüm verileri önceden yüklenir ve canlı algılama sonucu ile birlikte görüntülenir.

İpuçları

  • Tarayıcınızda desteklenen API'leri göstermek için durum filtresini kullanın — kod yazmadan önce nelerin kullanılabilir olduğunu denetlemek için yararlıdır.
  • typeof navigator.bluetooth !== 'undefined' veya 'serviceWorker' in navigator gibi daha karmaşık özellik kontrolleri test etmek için özel ifade alanını kullanın.
  • Deneysel API'ler bazı tarayıcı derlemelerinde kullanılabilir olabilir ancak kararlı sürümlerde olmayabilir — üretimde bunlara güvenmeden önce her zaman MDN belgelerini kontrol edin.