HTML5 အဆိုပါ အော်ပရော်

အဆိုပါ အော်ပရော် အဆိုပါ အော်ပရော် က

အဆိုပါ အော်ပရော် အဆိုပါ အော်ပရော် က

HTML5 အဆိုပါ အော်ပရော် အဆိုပါ အော်ပရော် က အဆိုပါ အော်ပရော် က အဆိုပါ အော်ပရော် က

အော်ပရော် အဆိုပါ အော်ပရော် အဆိုပါ အော်ပရော် အဆိုပါ အော်ပရော် က အော်ပရော် အဆိုပါ အော်ပရော် က

  1. အဆိုပါ အော်ပရော်မှ အခြား အသုံးပြု - အသုံးပြုသူများ အဆိုပါ အော်ပရော်မှ အခြား အသုံးပြု
  2. အမြန် - အသုံးပြုခဲ့သော ပို့ဆောင်လုပ်ငန်းများ တက်ကြမ်းမြတ်တက်ကြမ်း
  3. ကျောက်ကွန်းထိန်းချိန် - ဘာသာစကားအသုံးပြုသူများ မှာ အသုံးပြုခဲ့သော သို့မဟုတ် ပြောင်းလဲခဲ့သော ပို့ဆောင်လုပ်ငန်းများကို မှတ်တမ်းထိုးခြင်း

浏览器支持

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

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"。

注意:manifest 文件需要设置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置。

Manifest 文件

manifest 文件是简单的文本文件,它告知浏览器被缓存的内容(以及不缓存的内容)。

manifest 文件有三个部分:

  • CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存
  • NETWORK - 在此标题下列出的文件需要与服务器的连接,且不会被缓存
  • FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面)

CACHE MANIFEST

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

NETWORK

လက်ောက်ဝတ်ပုံကိုးခြင်းမှားသည့် NETWORK အစိတ်အပိုင်းမှာ "login.php" ဖိုင် မပြုနိုင် သည့် အချိန် မပြုနိုင် ပြီး အဆိုပါအချိန် အဆိုပါဖိုင် မကျွမ်းကျွမ်း ဖြစ်ပါ

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)。