Aşamalı web uygulamalarında 'gezgin' nedir?

'Gezgin', web uygulamalarınızı aşamalı olarak geliştirmeyi nasıl sağlar?

Web uygulamalarında "navigatör" nedir?

Destekleniyorsa, web uygulamanızdaki global "pencere" nesnesi "navigatör" nesnesine erişim sağlar. "Gezgin", hem uygulama hakkında potansiyel olarak birçok bilgi içerir hem de abone olmanız için belirli etkinliklere erişmenizi sağlayabilir. Neredeyse yerel gibi hissedilebilen gerçekten modern web uygulamaları yazmanıza yardımcı olur.

"Gezginin" bir örneği, web uygulamanızı çalıştıran uygulama olan tarayıcı olan kullanıcı aracısına doğrudan bağlıdır.

"Gezgin", uygulamanızı aşamalı olarak nasıl geliştirebilir?

"Aşamalı olarak geliştirme", "navigatörün" uygulamayı barındıran tarayıcıya dayalı olarak belirli bir dizi yetenek sunduğu anlamına gelir. Örneğin, Google sürekli olarak ilerici web uygulamalarının sınırlarını zorladığı için Google'ın Chrome'u her zaman en çok uygulanan özelliklere, hatta kararsız olanlara sahipti.

MDN dokümantasyonundaki tüm örneklerde göreceğiniz gibi, erişmek istediğiniz değişkenin veya fonksiyonun “navigator” üzerinde gerçekten mevcut olduğundan emin olmanız gerekir.

// Just a simple example of how
// to check for availability 
// of features.


function checkNetwork(){
  if("connection" in navigator){
    // Now it's safe to use 'navigator.connection'.
    // 👉 https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection
  }
  
  // Alternative if you're using:
  // 'navigator?.connection'
}

"Gezginin" uygulamanızda tüketmenizi sağladığı bazı bilgiler:

  • CPU çekirdeği sayısı
  • ayrıntılı ağ bilgisi
  • tablet veya akıllı telefon gibi uygulamanızı çalıştıran cihazın pil durumu
  • mevcut coğrafi konumun okunması ve izlenmesi
  • içerik paylaşmak için ana bilgisayarın yerel menüsünü kullanma
  • medya oturumunu kontrol etme

Aslında bu özelliklerden bazılarını bu PWA'da canlı ve çalışırken görebilirsiniz. Herhangi bir sayfanın sonuna doğru aşağı kaydırmanız yeterlidir; burada, örneğin CPU çekirdeklerinin sayısı gibi, mevcut donanım ölçüm uygulamalarından birkaçını görebilirsiniz.

"Gezgin" ile çalışma

Bu makale yalnızca size ilerici web uygulamaları için "navigatör" ile gelen olanaklara çok kısa bir giriş yapmayı amaçlamaktadır. MDN, mevcut özelliklerin her biri hakkında belgelerin yanı sıra harika bir genel bakış sayfasına sahiptir.

Google'ın Chrome'u için, yalnızca Chromium tarayıcılarında bir özellik bayrağının arkasında bulunan deneysel yeni özellikleri uygulayan "Project Fugu" da var.