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.