Application Cache HTML5

ດ້ວຍຄອມພິວເຕີ້ການຮັບຄອງ ຜູ້ນຳໃຊ້ສາມາດສ້າງຮູບແບບ cache manifest ທີ່ຈະສ້າງຄອມພິວເຕີ້ເວັບໄຊທີ່ຈະໃຊ້ອອກເອກະສານອອກສາຍອອກຫຼັງຄືນດີ

ຫຍັງຈະເປັນຄອມພິວເຕີ້ການຮັບຄອງ?

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

ຄອມພິວເຕີ້ການຮັບຄອງຈະມີສາມຜົນປະໂຫຍດສຳລັບຄອມພິວເຕີ້:

  1. ການເບິ່ງອານຸມະກອນອອກເອກະສານ - ຜູ້ນຳໃຊ້ສາມາດໃຊ້ພວກເຂົາໃນລະຫວ່າງການນຳໃຊ້ຄອມພິວເຕີ້ອອກເອກະສານ
  2. ຄວາມໄວ - ບັນຊີທີ່ມີໃນການຮັບຄອງຈະເລີ່ມຂື້ນດີກວ່າ
  3. ຫຼຸດການນຳໃຊ້ຄອມພິວເຕີ້ - ບັນຊີບັນຊີທີ່ບໍ່ແມ່ນຂັ້ນຕອນຫຼັງການດັດແກ້ຫຼືປ່ຽນແປງຈະຖືກດັດແກ້ລົງມາຈາກລະບຸອານຸມະກອນ

Browser Support

ຈຳນວນທີ່ສະແດງໃນຕາລະບັນສະພາບວ່າຄວາມສາມາດໃຊ້ Application Cache ຂອງເຄືອຂ່າຍໄລ່ທໍາອິດ.

API
Application Cache 4.0 10.0 3.5 4.0 11.5

HTML Cache Manifest Example

ບົດສະຫຼຸບທີ່ສະແດງຄືດັ່ງກ່າວນີ້ແມ່ນ HTML ຂອງ HTML Cache Manifest (ສຳລັບການຫຼິ້ນລະຫວ່າງຫຼັງຄາວນີ້):

Example

!DOCTYPE HTML
<html manifest="demo.appcache">
<body>
Document Content ...
</body>
</html>

Try It Yourself

Cache Manifest Basics

ເພື່ອເປີດການໃຊ້ຄອມແມກຂາຍ, ກວດລວມ manifest 属性ໃນແບບ <html> ຂອງເອກະສານ:

!DOCTYPE HTML
<html manifest="demo.appcache">
...
</html>

ແຕ່ລະເວັບໄຊທີ່ຖືກກຳນົດ 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 ບົດສະຫຼຸບ "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 ຕໍ່ບັນຊີຍົນ).