Wat is die 'navigator' in progressiewe webprogramme?

Hoe die 'navigator' u webprogramme geleidelik kan verbeter

Wat is die 'navigator' in webprogramme?

As dit ondersteun word, bied die globale "venster" -voorwerp in u webtoepassing toegang tot die "navigator" -objek. Die 'navigator' bevat albei baie inligting oor die app en kan u toegang gee tot sekere geleenthede waarop u kan inteken. Dit help u om werklik moderne webprogramme te skryf wat amper inheems kan voel.

'N Voorbeeld van die "navigator" is direk gekoppel aan die gebruikersagent, dit is die toepassing wat u webprogram bestuur - die blaaier.

Hoe die 'navigator' u app geleidelik kan verbeter

'Progressief verbeter' beteken dat die 'navigator' 'n sekere stel funksies bied gebaseer op die blaaier wat die app huisves. Byvoorbeeld, Google se Chrome het altyd die meeste funksies geïmplementeer, selfs onstabiel, aangesien Google voortdurend die grense van progressiewe webprogramme verskuif.

Soos u in alle voorbeelde in MDN se dokumentasie sal sien, moet u seker maak dat die veranderlike of funksie waartoe u toegang wil verkry, werklik beskikbaar is op die 'navigator'.

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

Sommige inligting wat die 'navigator' in staat stel om in u app te gebruik:

  • aantal CPU-kerns
  • gedetailleerde netwerkinligting
  • batterystatus van die toestel wat u program bestuur, byvoorbeeld die tablet of slimfoon
  • lees en volg die huidige geografiese ligging
  • gebruik die oorspronklike spyskaart van die gasheer om inhoud te deel
  • beheer van die mediasessie

U kan sommige van die funksies eintlik op hierdie PWA live en in aksie sien. Blaai net af na die einde van enige bladsy, waar u 'n paar van die beskikbare implementering van hardeware-statistieke kan sien, byvoorbeeld die aantal CPU-kerns.

Werk met die "navigator"

Hierdie artikel is slegs daarop gemik om u 'n baie kort inleiding te gee tot die moontlikhede wat die 'navigator' vir progressiewe webprogramme bied. MDN het 'n uitstekende oorsigbladsy sowel as dokumentasie oor elk van die beskikbare funksies.

Vir Google se Chrome is daar ook 'Project Fugu', wat eksperimentele nuwe funksies implementeer, slegs beskikbaar agter 'n funksievlag op Chromium-blaaiers.