ความคิดเห็น: เปิดหน้าเว็บและหลังจากโหลดหากเครือข่ายถูกตัดการเชื่อมต่อทันทีหน้าจะหายไปหลังจากที่คุณรีเฟรช คุณจะป้องกันไม่ให้สถานการณ์นี้เกิดขึ้นได้อย่างไร? การเกิดขึ้นของ HTML5 ทำให้เรารู้แจ้งอย่างกะทันหันและเราจะอธิบายรายละเอียดให้คุณต่อไป
เปิดหน้าเว็บและหลังจากโหลดหากเครือข่ายถูกตัดการเชื่อมต่อทันทีหน้าจะหายไปหลังจากที่คุณรีเฟรชคุณเคยคิดไหมว่าหลังจากรีเฟรชหน้าคุณจะยังคงเป็นหน้าเว็บตอนนี้เปิดหน้าอื่นในหน้าต่างใหม่ป้อน URL เดียวกันและเปิดหน้าหากอยู่นอกเครือข่าย - แอปพลิเคชั่นออฟไลน์ HTML5 กำลังจัดหาคุณสมบัติดังกล่าว
เมื่อข้อมูลในหน้าถูกโหลดคุณสามารถตั้งค่าภาพแฟลช, CSS, JS, HTML และไฟล์อื่น ๆ ที่จะถูกแคชด้วยตัวเอง เมื่อข้อมูลในหน้าไม่เชื่อมต่อกับอินเทอร์เน็ตในครั้งต่อไปคุณสามารถใช้ไฟล์แคชเหล่านั้นได้ นี่คือแอปพลิเคชันออฟไลน์ของ HTML5
ในความเป็นจริงมันง่ายมากที่จะนำไปใช้
จำเป็นต้องมีเซิร์ฟเวอร์ ที่นี่เราใช้เซิร์ฟเวอร์ Tomcat เพื่ออธิบาย
ขั้นแรกให้กำหนดค่าประเภทเหมืองของไฟล์ด้วย. manifest ต่อท้ายเป็นข้อความ/แคช-manifest
เมื่อพูดถึงการกำหนดค่า Tomcat เพื่อนที่คุ้นเคยจะนึกถึงไฟล์ web.xml ตามธรรมชาติ ใช่เพียงเพิ่มการกำหนดค่าต่อไปนี้ในไฟล์:
<การทำแผนที่ mime>
<Entension> Manifest </Entension>
<MIME-type> text/cache-manifest </mime-type>
<//mime-mapping>
จากนั้นเขียนไฟล์ XXX.Manifest, XXX เป็นชื่อที่คุณเลือกตัวเอง รูปแบบของไฟล์นี้มีดังนี้:
แคชที่ประจักษ์
#Version 1.5
แคช:
mytest.html
css/main.css
JavaScript/BWH5LS.JS
exp-calif-logo.gif
ต้องใช้บรรทัดแรกซึ่งระบุว่านี่คือไฟล์การกำหนดค่าสำหรับรายการ
#Version 1.5
ประโยคนี้เป็นความคิดเห็นและไม่มีผลในทางปฏิบัติ ฉันแค่ต้องการให้เบราว์เซอร์อัปเดตไฟล์แคชที่นี่ เพราะเมื่อไฟล์รายการเหมือนเดิมเบราว์เซอร์จะไม่โหลดไฟล์แคชใหม่ดังนั้นเราจึงสามารถใช้ความคิดเห็นนี้เพื่อแก้ไขหมายเลขเวอร์ชันในมือข้างหนึ่งและปล่อยให้เบราว์เซอร์อัปเดตแคชในอีกด้านหนึ่ง
แคช:
บรรทัดนี้ระบุว่าไฟล์ต่อไปนี้จะถูกแคช ในตัวอย่างหน้าปัจจุบัน: mytest.html รวมถึงไฟล์และรูปภาพ CSS และรูปภาพบางไฟล์ถูกแคช
มีคำหลักหลายคำที่ไม่ได้กล่าวถึงในตัวอย่างนั่นคือ
เครือข่าย:
ทางเลือก:
เครือข่ายหมายถึงหน้าเว็บที่ไม่ต้องการแคช ทางเลือกหมายถึงทางเลือกเมื่อไม่พบไฟล์ที่ร้องขอหรือเซิร์ฟเวอร์ของไฟล์ไม่ตอบสนอง ตัวอย่างเช่นเราต้องการขอหน้าซ้อนกัน แต่เซิร์ฟเวอร์ของหน้านี้ไม่สามารถเชื่อมต่อได้ดังนั้นฉันจึงสามารถเปลี่ยนไปยังหน้าอื่นที่ระบุได้
นี่เป็นขั้นตอนที่สองและขั้นตอนที่สาม เพียงเพิ่มตำแหน่งรายการลงในแท็ก <html>:
<html manifest = name.Manifest>
ณ จุดนี้คุณสามารถตระหนักถึงแอปพลิเคชันออฟไลน์ที่เรียบง่าย
ไฟล์แคชเหล่านั้นอยู่ที่ไหน?
ทดสอบกับ Chrome ฉันพบว่ามันบันทึกไฟล์เหล่านี้เป็นชิ้นตามกลไกของตัวเองดังนั้นฉันจึงไม่พบไฟล์ที่สมบูรณ์ ข้อมูลที่บันทึกคือ:
ฉันไม่ทราบวิธีบันทึกใน C:/ผู้ใช้/Jasonling/AppData/local/Google/Chrome/ผู้ใช้/ข้อมูลผู้ใช้/ค่าเริ่มต้น
ไฟล์บน Firefox จะถูกเก็บไว้ตามกลไกของตัวเอง แต่หลังจากที่ฉันเปิดด้วย sqlite ฉันพบข้อมูลเฉพาะของไฟล์แคช:
หากผู้อ่านสนใจพวกเขาสามารถลองด้วยตัวเองเพื่อดูว่าจะมีการค้นพบใหม่หรือไม่