Mi a „navigátor” a progresszív webes alkalmazásokban?

Hogyan teszi lehetővé a „navigátor” a webes alkalmazások fokozatos fejlesztését

Mi a „navigátor” a webes alkalmazásokban?

Ha támogatott, a webes alkalmazás globális „ablak” objektuma hozzáférést biztosít a „navigátor” objektumhoz. A „navigátor” potenciálisan sok információt tartalmaz az alkalmazásról, és hozzáférést biztosít bizonyos eseményekhez, amelyekre feliratkozhat. Segít igazán modern webes alkalmazások írásában, amelyek szinte natívnak érezhetők.

A „navigátor” egy példánya közvetlenül a felhasználói ügynökhöz van kötve, amely a webes alkalmazását futtató alkalmazás - a böngésző.

Hogyan tudja a „navigátor” fokozatosan fejleszteni az alkalmazást

A „fokozatos javítás” azt jelenti, hogy a „navigátor” bizonyos lehetőségeket kínál az alkalmazást tároló böngésző alapján. Például a Google Chrome -jában mindig a legtöbb, még instabil funkció is megvalósult, mivel a Google folyamatosan feszegeti a progresszív webes alkalmazások határait.

Amint azt az MDN dokumentációjában szereplő összes példában látni fogja, meg kell győződnie arról, hogy a hozzáférni kívánt változó vagy függvény valóban elérhető a „navigátoron”.

// 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'
}

Néhány információ, amelyet a „navigátor” lehetővé tesz az alkalmazásában:

  • CPU-magok száma
  • részletes hálózati információkat
  • az alkalmazást futtató eszköz, például a táblagép vagy az okostelefon akkumulátorának állapota
  • az aktuális földrajzi hely leolvasása és nyomon követése
  • a gazda natív menüjének használata a tartalom megosztásához
  • a média ülésének irányítása

Ezen funkciók közül néhányat élőben és működés közben is láthat ezen a PWA -n. Csak görgessen le bármelyik oldal végére, ahol megtekintheti a rendelkezésre álló hardver-metrikák néhány megvalósítását, például a CPU-magok számát.

Munka a „navigátorral”

Ennek a cikknek csak az a célja, hogy egy nagyon rövid bevezetést adjon a progresszív webes alkalmazások navigátorával járó lehetőségekhez. Az MDN nagyszerű áttekintő oldallal, valamint az elérhető funkciók dokumentációival rendelkezik.

A Google Chrome-jában létezik a „Project Fugu” is, amely kísérleti új funkciókat valósít meg, és csak a Chromium-böngészők funkciózászlója mögött érhető el.