Snelle referentie

HTML5 Application Cache (AppCache) Spiekbrief

Korte handleiding voor het verouderde HTML5 AppCache-manifest: cache-secties, terugvalregels en moderne Service Worker-alternatieven.

· Gepubliceerd

[!WARNING] HTML5 Application Cache (AppCache) is verouderd en verwijderd uit moderne webstandaarden. Moderne progressive web apps gebruiken in plaats daarvan de Service Worker API en Cache API.

Manifest-formaat (Manifest Format)

CACHE MANIFEST
# version 1.0.0

CACHE:
/assets/app.js
/assets/styles.css
/assets/logo.png

NETWORK:
*

FALLBACK:
/ /offline.html

Manifest-secties (Manifest Sections)

  • CACHE: Lijst met URI's die expliciet moeten worden gedownload en gecachet voor offline gebruik.
  • NETWORK: Whitelist van bronnen die een actieve netwerkverbinding vereisen (* voor alle overige).
  • FALLBACK: Terugval-paren [online_pad] [fallback_pad] die worden getoond als een bron onbereikbaar is.

HTML-integratie (HTML Integration)

<!DOCTYPE html>
<html manifest="example.appcache">
  <head>
    <title>Offline App</title>
  </head>
  <body>
    ...
  </body>
</html>

Gerelateerde referenties

Verwante onderwerpen