แอพลิเคชันแคช HTML5

ก่อนหน้านี้: การจัดเก็บเว็บ HTML5

ถัดไป: HTML5 เว็บแรงงาน

ใช้ HTML5 โดยการสร้างแคชไฟล์ manifest คุณสามารถสร้างรูปแบบออฟไลน์ของการใช้งานเว็บ

แคชใช้ (แคชใช้) คืออะไร?

HTML5 นำเสนอแคชใช้ซึ่งหมายความว่าการใช้งานเว็บสามารถเก็บไว้และสามารถเข้าถึงได้โดยไม่ต้องเชื่อมต่ออินเทอร์เน็ต

แอพลิเคชันแอพลิเคชันแคชนำสามข้อได้เปรียบ:

การเรียกดูแบบออฟไลน์ - ผู้ใช้สามารถใช้พวกเขาในการประยุกต์ใช้แบบออฟไลน์
Speed - ทรัพยากรที่แคชโหลดได้เร็วขึ้น
ลดภาระของเซิร์ฟเวอร์ - เบราเซอร์จะดาวน์โหลดเฉพาะการปรับปรุงหรือเปลี่ยนแปลงทรัพยากรจากเซิร์ฟเวอร์

สนับสนุนเบราว์เซอร์

Internet Explorer 10, Firefox, Chrome, Safari และ Opera สนับสนุนแคชแอพลิเคชัน

ตัวอย่าง HTML5 แคช Manifest

ตัวอย่างต่อไปนี้แสดงให้เห็นว่าเอกสาร HTML กับประจักษ์แคช (สำหรับดูแบบออฟไลน์):

ตัวอย่าง

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

<body>
文档内容......
</body>

</html>

ลอง»

พื้นฐานแคช Manifest

ต้องการเปิดใช้งานแคชใช้ฉลากที่มีคุณลักษณะอย่างชัดแจ้งในเอกสาร <html>:

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

แต่ละหน้าระบุไว้อย่างชัดแจ้งเมื่อผู้ใช้เข้าถึงของพวกเขาจะถูกเก็บไว้ ถ้าแอตทริบิวต์ที่ประจักษ์ไม่ได้ระบุหน้าจะไม่ถูกเก็บไว้ (ยกเว้นกรณีที่ระบุโดยตรงหน้าในไฟล์ Manifest)

แนะนำนามสกุลไฟล์ประจักษ์: ". AppCache"

คำพูด โปรดทราบว่าแฟ้ม MANIFEST ต้องกำหนดค่าที่ถูกต้อง MIME ชนิดคือ "text / แคชอย่างชัดแจ้ง" คุณจะต้องกำหนดค่าบนเว็บเซิร์ฟเวอร์

ไฟล์ manifest

ไฟล์ Manifest เป็นไฟล์ข้อความที่เรียบง่ายที่จะบอกเนื้อหาเบราว์เซอร์ของแคช (และไม่แคชเนื้อหา)

แฟ้ม MANIFEST สามารถแบ่งออกเป็นสามส่วน

CACHE MANIFEST - ในหัวของเอกสารนี้จะถูกเก็บไว้หลังจากการดาวน์โหลดครั้งแรก
เครือข่าย - ในชื่อนี้เอกสารต่อไปนี้จะต้องมีการเชื่อมต่อกับเซิร์ฟเวอร์และจะไม่ถูกเก็บไว้
สำรอง - ในการนี้อยู่ภายใต้หน้าเอกสารหัวข้อย้อนกลับ (เช่นหน้า 404) เมื่อเพจอยู่ไม่สามารถเข้าถึงได้

CACHE MANIFEST

บรรทัดแรกแคช MANIFEST เป็นสิ่งจำเป็น:

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

แฟ้มแสดงรายการข้างต้นแสดงรายการสามทรัพยากร: ไฟล์ CSS, GIF ภาพและไฟล์ JavaScript เมื่อไฟล์ manifest โหลดเบราเซอร์จะดาวน์โหลดไฟล์จากสามไดเรกทอรีรากของเว็บไซต์ของคุณ จากนั้นเมื่อใดก็ตามที่ผู้ใช้ยกเลิกการเชื่อมต่อจากอินเทอร์เน็ตทรัพยากรเหล่านี้ยังคงมีอยู่

เครือข่าย

ข้อกำหนดต่อไปนี้ของไฟล์ย่อยเครือข่าย "login.php" ไม่เคยเก็บไว้ชั่วคราวและแบบออฟไลน์ไม่สามารถใช้งาน:

NETWORK:
login.php

คุณสามารถใช้เครื่องหมายดอกจันเพื่อบ่งชี้ถึงแหล่งข้อมูลอื่น ๆ อื่น ๆ ทั้งหมด / ไฟล์ต้องมีการเชื่อมต่ออินเทอร์เน็ต:

NETWORK:
*

สำรอง

ส่วนทางเลือกที่กำหนดไว้ด้านล่างหากคุณไม่สามารถสร้างการเชื่อมต่ออินเทอร์เน็ตด้วย "offline.html" ทางเลือก / HTML5 / ไดเรกทอรีของไฟล์ทั้งหมด:

FALLBACK:
/html/ /offline.html

หมายเหตุ: ครั้งแรก URI เป็นทรัพยากรที่สองเป็นตัวแทน

อัปเดตแคช

เมื่อโปรแกรมแคชจะยังคงเก็บไว้ชั่วคราวจนกว่าต่อไปนี้เกิดขึ้น:

ผู้ใช้ล้างแคชของเบราว์เซอร์ของคุณ
ไฟล์ Manifest มีการปรับเปลี่ยน (ดูเคล็ดลับด้านล่าง)
โดยโปรแกรมที่จะปรับปรุงแคชแอพลิเคชัน

ตัวอย่าง - การกรอกไฟล์มานิเฟส

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.php

FALLBACK:
/html/ /offline.html

คำพูด แนะนำ: "#" ที่จุดเริ่มต้นของเส้นแสดงความคิดเห็น แต่ยังเพื่อตอบสนองวัตถุประสงค์อื่น ๆแอปพลิเคแคชจะมีการปรับปรุงเมื่อมีการเปลี่ยนแปลงไฟล์อย่างชัดแจ้ง ถ้าคุณแก้ไขภาพหรือปรับเปลี่ยนฟังก์ชัน JavaScript การเปลี่ยนแปลงเหล่านี้จะไม่ถูกเก็บไว้ชั่วคราวอีกครั้ง สายการปรับปรุงการแสดงความคิดเห็นเป็นวันที่และรุ่นจำนวนของเบราว์เซอร์อีกครั้งแคชไฟล์วิธี

เกี่ยวกับคำแนะนำแคชใช้

กรุณาให้ความสนใจกับเนื้อหาของแคช

เมื่อไฟล์ถูกแคชเบราว์เซอร์จะยังคงแสดงเวอร์ชันแคชแม้ว่าคุณจะแก้ไขไฟล์บนเซิร์ฟเวอร์ เพื่อให้แน่ใจว่าเบราว์เซอร์ของคุณเพื่อปรับปรุงแคชคุณจำเป็นต้องปรับปรุงไฟล์ manifest

หมายเหตุ: ขีด จำกัด ของเบราว์เซอร์สำหรับข้อมูลแคชอาจจะไม่เหมือนกัน (บางคนตั้งค่าเบราว์เซอร์ข้อ จำกัด คือการที่แต่ละเว็บไซต์ 5MB)