مع مخبأ تطبيق فمن السهل لجعل نسخة حاليا من تطبيق ويب، عن طريق إنشاء ملف البيان ذاكرة التخزين المؤقت.
ما هو التطبيق ذاكرة التخزين المؤقت؟
HTML5 يقدم مخبأ التطبيق، وهو ما يعني أن يتم مؤقتا تطبيق ويب، ويمكن الوصول إليها من دون اتصال بالإنترنت.
مخبأ التطبيق يعطي تطبيق ثلاث مزايا:
- تصفح دون اتصال - يمكن للمستخدمين استخدام التطبيق عندما تكون غير متصل
- تحميل الموارد المخبأة أسرع - سرعة
- تخفيض تحميل الملقم - سيتم تحميل تحديث المتصفح فقط موارد / تغير من الخادم
خلفية
تتكون تطبيقات الويب من صفحات الويب التي تحتاج ليتم تحميلها من الشبكة. ولكي يحدث ذلك يجب أن يكون هناك اتصال الشبكة. ومع ذلك، هناك العديد من الحالات عندما لا يمكن للمستخدمين الاتصال بشبكة نظرا لظروف خارجة عن إرادتهم. يوفر HTML5 القدرة على الوصول إلى تطبيق ويب حتى من دون الاتصال بالشبكة باستخدام الظاهر ذاكرة التخزين المؤقت.
تتكون تطبيقات الويب من الموارد التي حددها عناوين المواقع. يمكن أن تكون هذه HTML، CSS، وجافا سكريبت، والصور أو أي مصدر آخر أن هناك حاجة لتطبيقات الويب التي ستقدم. يمكن نسخ عناوينهم في ملف واضح، والتي يمكن تحديثها بانتظام من قبل صاحب تطبيق ويب، مشيرا إلى أي عناوين الويب الجديدة التي تمت إضافتها أو حذفها. عند الاتصال بشبكة لأول مرة، ومتصفح ويب قراءة ملف البيان HTML5، وتحميل موارد معينة، وتخزينها محليا. ثم، في حالة عدم وجود اتصال الشبكة، سيتحول متصفح الويب على النسخ المحلية بدلا من ذلك وتجعل تطبيق ويب حاليا.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل تطبيق ذاكرة التخزين المؤقت.
| API | |||||
|---|---|---|---|---|---|
| Application Cache | 4.0 | 10.0 | 3.5 | 4.0 | 11.5 |
HTML الكاش Manifest مثال
المثال التالي يوضح مستند HTML مع اضح مخبأ (for offline browsing) :
مثال
<!DOCTYPE HTML>
<html manifest="demo.appcache">
<body>
The content of the document......
</body>
</html> انها محاولة لنفسك » مخبأ المانيفستو أساسيات
من أجل التطبيقات حاليا للعمل، يجب إنشاء ملف البيان مخبأ من قبل المطور على شبكة الإنترنت. إذا تجاوز التطبيق على شبكة الإنترنت أكثر من صفحة واحدة ثم كل صفحة يجب أن يكون سمة واضح يشير إلى الظاهر ذاكرة التخزين المؤقت. كل صفحة الرجوع الظاهر سيتم تخزينها محليا. ملف البيان مخبأ هو ملف نصي تقع في جزء آخر من الخادم. يجب أن يعمل مع نوع المحتوى التالي:
text/cache-manifest
لتمكين مخبأ التطبيق، وتشمل manifest السمة في الوثيقة <html> العلامة:
<!DOCTYPE HTML>
<html manifest="demo.appcache">
...
</html>
كل صفحة مع manifest السمة المحددة سوف يكون مؤقتا عندما يزور المستخدم ذلك. إذا كان manifest لم يتم تحديد السمة، لن يكون مؤقتا الصفحة (unless the page is specified directly in the manifest file) .
ملحق الملف الموصى بها للملفات البيان هو: ".appcache"
يحتاج ملف البيان يمكن أن تتحقق مع correct media type ، الذي هو "text/cache-manifest" . يجب أن يتم تكوين على خادم الويب.
ملف البيان
ملف البيان هو ملف نصي، والتي تخبر المتصفح ما إلى ذاكرة التخزين المؤقت (and what to never cache) .
ملف البيان على ثلاثة أقسام:
- CACHE MANIFEST سوف يكون مؤقتا الملفات المدرجة تحت هذا العنوان بعد يتم تحميلها لأول مرة -
- NETWORK - الملفات المدرجة تحت هذا العنوان تتطلب اتصال بالخادم، ولن يكون مؤقتا
- FALLBACK - الملفات المدرجة تحت هذا العنوان يحدد صفحات تراجع اذا صفحة غير قابلة للوصول
CACHE البيان
في السطر الأول، CACHE البيان، مطلوب:
CACHE MANIFEST
/theme.css
/logo.gif
/main.js
ملف البيان أعلاه يسرد ثلاثة مصادر: ملف CSS، صورة GIF، وملف جافا سكريبت. عند تحميل ملف البيان، فإن المتصفح تحميل الملفات الثلاثة من الدليل الجذر للموقع على شبكة الإنترنت. ثم، كلما لم يتم توصيل المستخدم إلى الإنترنت، وسوف تكون الموارد المتاحة حتى الآن.
شبكة الاتصال
يحدد القسم NETWORK دون أن الملف "login.asp" لا ينبغي أبدا أن يكون مؤقتا، وسوف لن تكون متاحة حاليا:
NETWORK:
login.asp
علامة النجمة يمكن استخدامها للإشارة إلى أن جميع الموارد / ملفات أخرى تتطلب اتصال بالإنترنت:
NETWORK:
*
تراجع
يحدد القسم تراجع دون ذلك "offline.html" سيتم تقديم بدلا من كل الملفات في / أتش تي أم أل / التسويقي، في حالة لا يمكن إنشاء اتصال بالإنترنت:
FALLBACK:
/html/ /offline.html
ملاحظة: أول URI هو المورد، والثاني هو تراجع.
تحديث الكاش
مرة واحدة يتم مؤقتا تطبيق، إلا أنها تبقى المخزنة مؤقتا حتى يحدث أحد الإجراءات التالية:
- المستخدم مسح ذاكرة التخزين المؤقت المستعرض
- يتم تعديل ملف البيان (see tip below)
- يتم تحديث ذاكرة التخزين المؤقت تطبيق برمجي
المثال - الكاش استكمال ملف بيان
CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html
Tip: خطوط بدءا من "#" هي خطوط تعليق، ولكن يمكن أيضا أن تخدم غرض آخر. يتم تحديث مخبأ أحد التطبيقات فقط في حين ان التغييرات ملف واضح. إذا قمت بتحرير صورة أو تغيير وظيفة جافا سكريبت، هذه التغييرات لن يعاد مؤقتا. تحديث التاريخ والإصدار في خط التعليق هو أحد السبل لجعل متصفح إعادة ذاكرة التخزين المؤقت الملفات الخاصة بك.
ملاحظات على مخبأ التطبيق
كن حذرا مع ما كنت مخبأ.
مرة واحدة يتم مؤقتا ملف، سيستمر المتصفح لعرض النسخة المخبأة، حتى إذا قمت بتغيير الملف على الخادم. لضمان تحديثات المتصفح ذاكرة التخزين المؤقت، كنت بحاجة إلى تغيير ملف البيان.
ملاحظة: قد يكون المتصفحات حدود أحجام مختلفة للبيانات المخزنة مؤقتا (some browsers have a 5MB limit per site) .