User-Agent ve Feature Detection: Ne, ne zaman ve nasıl kullanılmalı?

Genel bakış

Tarayıcıya veya cihaz ortamına göre farklı işlevler sunarken, User-Agent Sniffing ve Feature Detection öne çıkan iki yaklaşımdır.
Son dönemde bakım kolaylığı ve güvenlik açısından önce Feature Detection yaklaşımının uygulanması öneriliyor.

---

1. User-Agent Sniffing

User-Agent dizesini analiz ederek cihazı veya tarayıcıyı tanımlama yöntemidir.
Cihaz modelini belirlemede kullanışlıdır; ancak güncellemelere karşı hassastır ve gizlilik politikalarının sıkılaşmasıyla kullanımı giderek kısıtlanmaktadır.

navigator.userAgentData.getHighEntropyValues(['model', 'platform'])  

---

2. Feature Detection

Doğrudan özelliğin desteklenip desteklenmediğini kontrol ederek koşullu dallanma yapma yöntemidir.
Tarayıcı veya cihaz türünden bağımsız olarak güvenli ve esnek biçimde uygulanabilir.

if ('fetch' in window) {  
  // fetch API kullan  
}  

---

3. Kütüphaneler: Modernizr & Sniffr

Modernizr, Feature Detection işlemini kolaylaştıran bir kütüphanedir ve yalnızca istenen özellikler dahil edilerek build edilebilir.
Sniffr ise User-Agent tabanlı bilgileri kolayca parse etmeyi sağlayan bir kütüphanedir.

---

4. Platforma göre tespit edilebilirlik

• Android'de model adına kadar (SM-xxxx vb.) çıkarım yapılabilir
• iOS'ta iPhone/iPad ayrımı yapılabilir, ancak model tanımlama sınırlıdır
• Mac/Windows'ta OS sürümüne kadar kontrol edilebilir, ancak cihazı tanımlamak zordur

---

5. Tespit edilebilecek diğer bilgiler

• CPU çekirdek sayısı: navigator.hardwareConcurrency
• Bellek kapasitesi: navigator.deviceMemory
• Ağ hızı: navigator.connection.effectiveType

---

6. Karma yaklaşım örneği

User-Agent ile Feature Detection birleştirilerek daha hassas ortam tespiti de yapılabilir.
Örnek: notch'lu model tespiti, Apple Silicon durumu ve özellik desteğinin birlikte değerlendirilmesi

environment.supportsServiceWorker = 'serviceWorker' in navigator;  

---

7. Geleceğe hazırlık: Privacy Sandbox ve User-Agent Reduction

Google, User-Agent dizelerini kademeli olarak azaltıyor; buna yanıt olarak User-Agent Client Hints API kullanımının tercih edilmesi öneriliyor.
Bu API, kullanıcı bilgilerini daha yapılandırılmış ve gizlilik dostu bir biçimde sunar.

navigator.userAgentData.getHighEntropyValues(['platform', 'model']);  

---

Sonuç

• Varsayılan olarak önce Feature Detection uygulayın
• User-Agent tabanlı tespiti en aza indirin; gerektiğinde modern teknolojilerden (API) yararlanın
• Gelecekteki standartlara uyum için Client Hints gibi yeni yöntemlere de hazırlıklı olmak faydalıdır.