Share
Bare da du trodde du hadde sett alle de kule funksjonene i HTML5, er jeg her for å få deg enda en. Internett handler ikke lenger bare om nettsteder; Det handler om webapplikasjoner. Ofte er brukerne våre på bærbare eller mobile enheter, og de vil ikke alltid ha tilgang til et nettverk. Med HTML5s Application Cache kan du gi dem alt eller noen av funksjonaliteten de ville ha online, uansett hvor de går.
Trikset her bruker en cache manifest fil. I sin mest grunnleggende form er det utrolig enkelt:
CACHE MANIFEST # versjon 0.1 index.html style.css script.js preview.jpg
Denne filen må vises med en innholdstype header på tekst / cache-manifest; det er veldig enkelt å gjøre dette med en .htaccess-fil:
AddType tekst / cache-manifest manifest
Dette vil tjene alle filer med en utvidelse av "manifest" med den aktuelle innholdstypeoverskriften.
For å bruke cache manifest filen, legger du ganske enkelt en eiendom til html element:
Nå, neste gang en bruker besøker nettstedet ditt / appen, vil nettleseren cache de nødvendige filene. Det er så enkelt. Hvis de blar til webadressen din når de er frakoblet, vil de få det bufret innholdet.
Det er viktig å merke seg at selv når brukeren er online, går nettleseren bare til serveren for å få nytt innhold i tre tilfeller:
Så, for å tvinge alle brukerne til å laste cachen på nytt, kan du endre noe i manifestfilen (ikke filene knyttet til, det faktiske innholdet i manifestfilen). Mesteparten av tiden vil du sannsynligvis bare endre en kommentar, og det vil være nok.
Hvis du vil, bygg cache oppdatering i appen din via JavaScript API; det er utenfor omfanget av dette raske tipset, men hvis du vil lære mer, sjekk ut denne artikkelen på html5rocks.com.
Som mange andre HTML5-funksjoner støttes Application Cache av alle de moderne nettleserne.
Diagram fra www.findmebyip.com
Og det er HTML5's Application Cache; Det er ganske kult, og jeg er sikker på at det vil bli brukt av utviklere, nesten på noe sted, for å gi en grasiøst nedverdigende opplevelse som holder brukerne glade uansett hvor de er. Takk for at du leste!
Accentsconagua