تعليق: افتح صفحة ويب ، وبعد التحميل ، إذا تم فصل الشبكة فجأة ، فستختفي الصفحة بعد التحديث. كيف يمكنك منع حدوث هذا الموقف؟ جعلنا ظهور HTML5 مستنيرًا فجأة ، وسنشرح ذلك بالتفصيل بالنسبة لك بعد ذلك
افتح صفحة ويب ، وبعد التحميل ، إذا تم فصل الشبكة فجأة ، فستختفي الصفحة بعد التحديث.هل سبق لك أن فكرت أنه بعد تحديث الصفحة ، ستظل الصفحة الآن ، افتح صفحة أخرى في نافذة جديدة ، وأدخل عنوان URL نفسه ، وافتح الصفحة إذا كانت خارج الشبكة. . تقدم تطبيقات HTML5 دون اتصال مثل هذه الميزة.
عندما يتم تحميل البيانات الموجودة في الصفحة ، يمكنك تعيين بعض الصور والفلاش و CSS و JS و HTML وغيرها من الملفات التي يتم تخزينها بنفسك. عندما لا يتم توصيل البيانات الموجودة في الصفحة بالإنترنت في المرة القادمة ، يمكنك استخدام تلك الملفات المخزنة مؤقتًا. هذا هو التطبيق غير المتصل بـ HTML5.
في الواقع ، من السهل جدًا التنفيذ.
مطلوب خادم. هنا نستخدم خادم Tomcat لشرح.
أولاً ، قم بتكوين نوع المنجم للملف مع. manifest لاحقة إلى نص/ذاكرة التخزين المؤقت.
عند الحديث عن تكوين Tomcat ، سوف يفكر الأصدقاء المألوف بشكل طبيعي في ملف web.xml. نعم ، فقط أضف التكوين التالي إلى الملف:
<mime mapping>
<extension> بيان </extension>
<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 و JS.
هناك العديد من الكلمات الرئيسية التي لم يتم ذكرها في الأمثلة ، أي
شبكة:
احتياطي:
تشير الشبكة إلى صفحة لا تريد ذاكرة التخزين المؤقت ؛ يشير التراجع إلى بديل عند عدم العثور على الملف المطلوب أو أن خادم الملف لا يستجيب. على سبيل المثال ، نريد أن نطلب صفحة متداخلة ، ولكن لا يمكن لخادم هذه الصفحة الاتصال ، حتى أتمكن من التحول إلى صفحة محددة أخرى.
هذه هي الخطوة الثانية والخطوة الثالثة. فقط أضف موضع البيان إلى علامة <html>:
<html mayest = name.manifest>
في هذه المرحلة ، يمكنك إدراك تطبيقات بسيطة في وضع عدم الاتصال.
أين يتم وضع تلك الملفات المخزنة مؤقتًا؟
تم اختباره على Chrome ، لقد وجدت أنها حفظت هذه الملفات في أجزاء وفقًا لآليتها الخاصة ، لذلك لم أتمكن من العثور على الملف الكامل. البيانات المحفوظة هي:
لا أعرف كيفية حفظه في C:/Users/Jasonling/AppData/Local/Google/Chrome/User Data/Default.
يتم أيضًا تخزين الملفات الموجودة على Firefox وفقًا لآليتها الخاصة ، لكن بعد أن فتحتها مع SQLite ، وجدت المعلومات المحددة للملف المخزول مؤقتًا:
إذا كان القراء مهتمين ، فيمكنهم تجربته أنفسهم لمعرفة ما إذا كان هناك اكتشافات جديدة.