Application Cache HTML5

ສະນັ້ນດ້ວຍການກັນກັບບັນດາອາຊີບຂອງການນຳໃຊ້ອາຊີບ ຈະສາມາດສ້າງການປະຕິບັດພາບຂອງການນຳໃຊ້ອາຊີບໃນເວັບໄຊທີ່ອອກເດິນຄວາມຫຼາຍຢ່າງງ່າຍ

ວ່າແມ່ນຫຍັງການກັນກັບບັນດາອາຊີບຂອງການນຳໃຊ້ອາຊີບ?

HTML5 ໄດ້ນຳຂາຍບັນດາອາຊີບຂອງການປະຕິບັດພາບຂອງການນຳໃຊ້ອາຊີບ (Application Cache) ເຊິ່ງໝາຍຄວາມວ່າສາມາດກັນກັບບັນດາການນຳໃຊ້ອາຊີບໃນເວັບໄຊ ແລະ ສາມາດເຂົ້າເຖິງພວກເຂົາໂດຍບໍ່ມີການເຊື່ອມຕໍ່ອິນເຕີເນັດ

ບັນດາຄວາມປອດໄພຂອງບັນດາບານຈຸດຂອງການປະຕິບັດພາບຂອງການນຳໃຊ້ອາຊີບມີສາມຄວາມປອດໄພຂອງການນຳໃຊ້

  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, ແມ່ນຈຳເປັນ:

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

ເອກະສານ manifest ທີ່ລົງປະກາດມີສານພະລັງສາມຢ່າງ: ບັນດາເອກະສານ CSS, ບັນດາຮູບ GIF, ແລະ ບັນດາເອກະສານ JavaScript. ເມື່ອເອກະສານ manifest ຖືກເອົາໃຫ້ໃຊ້, ເຄືອຂ່າຍຈະດາວໂດຍລົງໄລຍະບັນດາເອກະສານທີ່ມີໃນເວັບໄຊ. ເມື່ອຜູ້ນຳໃຊ້ຖືກໂຄງພາຍໃນສາຍອິນເຕີເນັດ, ສານພະລັງຈະຍັງສາມາດໃຊ້ໄດ້:

NETWORK

ບັນດາບັນຊີ NETWORK ນີ້ຈະບໍ່ຖືກກັກກັນບໍ່ສາມາດໃຊ້ພາຍໃນການອອກພາຍໃນສາຍອິນເຕີເນັດ:

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