บทความบทนำของ wulin.com (www.vevb.com): HTML5 คำอธิบายแอปพลิเคชันออฟไลน์ฉันจะไม่พูดมากที่นี่ กรุณา Google หรือ Baidu บทความนี้มีวัตถุประสงค์เพื่อแนะนำวิธีการตระหนักถึงการพัฒนาแอปพลิเคชันออฟไลน์
ฉันจะไม่พูดถึงคำแนะนำสำหรับแอปพลิเคชันออฟไลน์ที่นี่ กรุณา Google หรือ Baidu บทความนี้มีวัตถุประสงค์เพื่อแนะนำวิธีการตระหนักถึงการพัฒนาแอปพลิเคชันออฟไลน์
ขั้นตอนที่ 1: สร้างไฟล์รายการและระบุไฟล์แคชคุณสามารถสร้างไฟล์ใหม่ด้วยคำต่อท้ายรูปแบบข้อความ txt และบรรทัดแรกจะต้องเขียนไปยังแคช Manifest;
บรรทัดที่สองเป็นทางเลือกเขียนคำอธิบายความคิดเห็น #Version 1.0 และความคิดเห็นเริ่มต้นด้วย #ซึ่งหมายถึงการระบุหมายเลขเวอร์ชัน
บรรทัดที่สามเริ่มต้นด้วยพา ธ ไฟล์ที่สัมพันธ์กับไดเรกทอรีไฟล์ปัจจุบันเช่น:
คงที่/img/logo.png
คงที่/css/style.css
ไฟล์ Manifest พื้นฐานถูกเขียนขึ้นและคำต่อท้ายของไฟล์นี้เปลี่ยนเป็น ประจักษ์;
ขั้นตอนที่ 2: ในไฟล์ HTML ให้ระบุคุณสมบัติ Manifest ของเอกสารเป็นพา ธ ของไฟล์ cache.mnifest;<html manifest = cachedata.manifest>
หลังจากเพิ่มแอตทริบิวต์รายการให้โหลดหน้าไฟล์ในไฟล์การกำหนดค่าแคชจะถูกแคชออฟไลน์และจะไม่ถูกอ่านจากเซิร์ฟเวอร์เมื่อรีเฟรชอีกครั้ง
ขั้นตอนที่ 3: รีเฟรชแคชผ่านส่วนต่อประสาน API;ใช้ js เพื่อรับวัตถุแคชออฟไลน์ผ่าน window.applicationcache และเรียกใช้วิธีการอัปเดต: window.applicationcache.update () เพื่อเรียกดาวน์โหลดไฟล์แคชปัจจุบัน หลังจากการดาวน์โหลดเสร็จสิ้นเหตุการณ์ updateReady ของวัตถุแคชออฟไลน์จะถูกเรียกใช้ ดำเนินการวิธีการ swapcache เพื่อล้างแคช: window.applicationcache.swapcache () สิ่งนี้จะไม่ทำให้ทรัพยากรที่โหลดก่อนหน้านี้ถูกโหลดใหม่ทันที แต่ทรัพยากรที่ออกหน้าคำขอหลังจากนี้เป็นล่าสุด
ผ่านขั้นตอนง่าย ๆ สามขั้นตอนข้างต้นคุณสามารถตระหนักถึงแอปพลิเคชันออฟไลน์ HTML5