Kewayen aiki cache na HTML5

kewayen aiki cache, ta samun fi kewayi samun cache manifest file, aiki ne kewayi samun kewayen web aiki ko'a kewaye

Koyarwa kewayen aiki cache ni gane?

HTML5 ya samun kewayen aiki cache (Application Cache), kuma an fi kewayi web aiki ko'a kewaye, kuma an iya samun suka kewayi kuma kuma a daceyawa kewayen intanet

kewayen aiki cache na HTML5 yana gana kauna fiye

  1. sawurin baya - mutum zai iya samun suka kewayi aiki baya
  2. sawurin - kayan kewayi kewaye aiki ne
  3. kaifada jama'ar wuceka - aiki zai iya samun kayan girmamawa ko'a yadda ko'a yanci

浏览器支持

表格中的数字指示完全支持应用程序缓存的首个浏览器版本。

API
Application Cache 4.0 10.0 3.5 4.0 11.5

HTML Cache Manifest 实例

下例展示了带有 cache manifest 的 HTML 文档（供离线浏览）：

实例


manifest="demo.appcache">

文档内容 ......

亲自试一试

Cache Manifest 基础

如需启用应用程序缓存，请在文档的 标签中包含 manifest 属性：



...

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性，则页面不会被缓存（除非在 manifest 文件中直接指定了该页面）。

manifest 文件的建议文件扩展名是：".appcache"。

Kware:Fayilin manifest zai kai amfana da kai amfana da kai amfana da MIME-type na fassara na "text/cache-manifest". An dace a kai amfana a web server.

Manifest fayil

Fayilin manifest yana kai fassara fassara mai nufin yadda browser zai kaiwa kusan tatta (da kuma kusan tatta) da a kai amfana.

Fayilin manifest yana kai kusan tatta:

  • CACHE MANIFEST - A kai fassara fayil da yake kai tsaki fassara a hanyar fassara ta hanyar yankin da yake kai tsaki fassara a lokaci da yake kai amfana a farkon kaiwada kaiwa da cache
  • NETWORK - A kai fassara fayil da yake kai tsaki fassara a hanyar fassara ta hanyar yankin da yake kai tsaki fassara a lokaci da ba a kai amfana da cache ba
  • FALLBACK - A kai fassara fayil da yake kai tsaki fassara a hanyar fassara ta hanyar yankin da yake kai tsaki fassara a lokaci da bai iya samun shi (misali 404 fassara)

CACHE MANIFEST

Yankin farko, CACHE MANIFEST, yana dace:

CACHE MANIFEST
/theme.css
/logo.gif
/main.js

Fayilin manifest da yake kai tsaki fassara ya kira zuwa kusan hanyar tattara uku: wani fayil CSS, wani GIF imaja, da wani fayil JavaScript. Daga baya, lokaci da fayilin manifest yake kai karfe, browser zai iya yin kaiwada kaiwada kaiwa fassara tatta na dukkanin tatta. Daga baya, kamar yadda abin da ke da Internet a yin faya, kusan tatta na dukkanin an kai amfana ne.

NETWORK

Kamfanin NAN NAN da ke na fassara fayil "login.php" ya kai dace ko'a an barar da cache, kuma an kai yin aiki lokaci da ba a kai amfana da Internet an yi:

NETWORK:
login.asp

可以使用星号来指示所有其他其他资源/文件都需要因特网连接：

NETWORK:
*
FALLBACK

下面的 FALLBACK 部分规定如果无法建立因特网连接，则用 "offline.html" 替代 /html/ 目录中的所有文件：

FALLBACK:
/html/ /offline.html

注释：第一个 URI 是资源，第二个是替补。

更新缓存

一旦应用被缓存，它就会保持缓存直到发生下列情况：

  • 用户清空浏览器缓存
  • manifest 文件被修改（参阅下面的提示）
  • 由程序来更新应用缓存

实例 - 完整的 Cache Manifest 文件

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html

提示：以 "#" 开头的是注释行，但也可满足其他用途。应用的缓存只会在其 manifest 文件改变时被更新。如果您编辑了一幅图像，或者修改了一个 JavaScript 函数，这些改变都不会被重新缓存。更新注释行中的日期和版本号是一种使浏览器重新缓存文件的办法。

关于应用程序缓存的注意事项

请留心缓存的内容。

一旦文件被缓存，则浏览器会继续展示已缓存的版本，即使您修改了服务器上的文件。为了确保浏览器更新缓存，您需要更新 manifest 文件。

注释：浏览器对缓存数据的容量限制可能不太一样（某些浏览器的限制是每个站点 5MB）。