บทความนี้ส่วนใหญ่แนะนำคำอธิบายโดยละเอียดเกี่ยวกับการใช้แคชรายการใน HTML5 บทความนี้ยังแนะนำเครื่องมืออัตโนมัติที่เกี่ยวข้อง เพื่อนที่ต้องการมันสามารถอ้างถึง ต้นกำเนิด
หน้าเว็บก่อนที่ HTML5 จะเชื่อมต่อทั้งหมดโดยไม่มีการเชื่อมต่อและต้องเชื่อมต่อกับอินเทอร์เน็ตเพื่อเข้าถึง นี่เป็นคุณสมบัติของเว็บ นี่ไม่ใช่ปัญหาใหญ่สำหรับพีซี อย่างไรก็ตามในยุคของอินเทอร์เน็ตบนมือถือที่ตั้งเทอร์มินัลของอุปกรณ์จะไม่ได้รับการแก้ไขและอาศัยสัญญาณไร้สายอีกต่อไปและความน่าเชื่อถือของเครือข่ายมีความน่าเชื่อถือน้อยลง ตัวอย่างเช่นการนั่งบนรถไฟและผ่านอุโมงค์ (15 นาที) คุณไม่สามารถเข้าถึงเว็บไซต์ซึ่งเป็นอันตรายต่อเว็บเช่นหน้าเว็บที่เกิดมาเพื่ออ่านเช่น "คอลเลกชัน ecmascript"
HTML5 แนะนำไฟล์ Cache Manifest Cache Manifest คืออะไร? ฉันจะพูดถึงเรื่องต่อไป
แคชที่ประจักษ์คืออะไรก่อนอื่น Manifest เป็นไฟล์ที่มีชื่อต่อท้ายที่สุด ในไฟล์ไฟล์ที่ต้องแคชถูกกำหนดไว้ เบราว์เซอร์ที่รองรับรายการจะบันทึกไฟล์ในเครื่องตามกฎของไฟล์รายการเพื่อให้สามารถเข้าถึงหน้าเว็บได้โดยไม่ต้องมีลิงก์เครือข่าย
เมื่อเรากำหนดค่าแคชแอปอย่างถูกต้องเป็นครั้งแรกเมื่อเราเข้าถึงแอพอีกครั้งเบราว์เซอร์จะตรวจสอบก่อนว่ามีการเปลี่ยนแปลงใด ๆ ในไฟล์รายการหรือไม่ หากมีการเปลี่ยนแปลงใด ๆ มันจะเปลี่ยนอันที่เกี่ยวข้องและเปลี่ยนแคชแอปในเบราว์เซอร์ หากไม่มีการเปลี่ยนแปลงมันจะส่งคืนทรัพยากรแคชแอปโดยตรง กระบวนการพื้นฐานเป็นเช่นนี้
คุณสมบัติของรายการการเรียกดูออฟไลน์: ผู้ใช้สามารถเรียกดูเนื้อหาเว็บไซต์ออฟไลน์
ความเร็วที่เร็วขึ้น: เนื่องจากข้อมูลถูกเก็บไว้ในเครื่องความเร็วจะเร็วขึ้น
ลดการโหลดเซิร์ฟเวอร์: เบราว์เซอร์จะดาวน์โหลดทรัพยากรที่มีการเปลี่ยนแปลงบนเซิร์ฟเวอร์เท่านั้น
การสนับสนุนเบราว์เซอร์เบราว์เซอร์กระแสหลักทั้งหมดรองรับแอปพลิเคชันแคชยกเว้น Internet Explorer คำตอบที่ Caniuse แสดงไว้ในรูปด้านล่าง
วิธีใช้HTML ได้เพิ่มแอตทริบิวต์รายการซึ่งสามารถใช้เพื่อระบุไฟล์รายการของหน้าปัจจุบัน
สร้างไฟล์รายการที่มีชื่อเดียวกันกับ HTML ตัวอย่างเช่นหน้าคือ index.html จากนั้นคุณสามารถสร้างไฟล์ index.manifest จากนั้นเพิ่มแอตทริบิวต์ต่อไปนี้ลงในแท็ก html index.html:
XML/HTML รหัสคัดลอกเนื้อหาไปยังคลิปบอร์ด