آموزش HTML 5 > مرور آفلاین صفحات در HTML 5 > متد Application
Cache
متد Application Cache :
Html5 قابلیت جدیدی را با نام Application Cache به کاربران وب ارایه داده
که امکان ذخیره شدن صفحات مرور شده بر روی کامپیوتر کاربر و مشاهده آنها در حالت آفلاین
را فراهم می کند . متد Application Cache این امکانات و مزیت ها را در اختیار
کاربران قرار می دهد :
- مرور آفلاین : کاربران می توانند صفحات مورد نظر را حتی در
زمان آفلاین بودند ، مشاهده نمایند .
- سرعت بالاتر : : صفحات ذخیره شده بر روی کامپیوتر کاربر با
سرعت بیشتری لود و فراخوانی می شود .
- کاهش حجم اطلاعات ارسالی از سرور : باعث کاهش حجم اطلاعات
ارسالی از سرور شده و مرورگر فقط صفحاتی که تغییر کرده و آپدیت شده اند ، را
مجددا فراخوانی می کند .
پشتیانی در مرورگر های مختلف :
این متد در تمام مرورگرهای اصلی پشتیبانی می شود .
مثالی از یک فایل با قابلیت ApplicationCashe :
کد زیر یک صفحه وب با قابلیت ذخیره نسخه ای در کامپیوتر را نشان می دهد . در
این صفحه قابلیت Application Cache فعال است . توجه نمایید که این
خاصیت در حالت عادی ، فعال نیست .
کد
|
<!DOCTYPE HTML>
<html manifest="demo.appcache">
<body>
محتویات صفحه
</body>
</html>
|
تنظیمات مختلف برای فایل ذخیره شده :
1 ) فعال نمودن قابلیت Application Cache :
برای فعال شدن این قابلیت در یک صفحه ، خاصیت ManiFast را درون تگ <html> آن
تعیین قرار دهید . با هر بار مشاهده کاربر در حافظه ذخیره می شوند . فرمت رایج
برای ذخیره فایل های Manifest ، فرمت " appchache. " است .
کد
|
<!DOCTYPE HTML>
<html manifest="demo.appcache">
.........
</html>
|
2 ) فایل Manifest :
فایل Manifest که در واقع نسخه ذخیره شده صفحه است ، به مرورگر می گوید که چه چیزهایی
را باید و نباید ذخیره نماید . این فایل شامل 3 قسمت اصلی است :
- CasheManiFast : فایل های تعیین شده در این قسمت در هر بارمشاهده
کاربر دانلود و ذخیره خواهند شد .
- Network : فایل های تعیین شده در این قسمت نیازمند وجود ارتباط اینترنتی
به سرور بوده و هیچگاه ذخیره نمی شوند .
- Fallback : فایل یا فایل های ذخیره شده در این قسمت ، در صورتی
که به هر دلیل صفحه ذخیره شده قابل دسترسی نباشد ، فراخوانی می شوند ( به جای فایل
اصلی ) .
3 ) تشریح فایل Manifest :
در این قسمت به تشریح خط به خط فایل Manifest برای صفحه وب می پردازیم :
در خط اول عبارت CasheManiFast قرار گرفته و لیست فایل هایی که در
زیر آن تعیین می شوند ، توسط مرورگر ذخیره می شوند . در کد زیر مرورگر 3 فایل تعیین
شده را ذخیره می کند . هنگامی که فایل Manifest اجرا می شود مرورگر 3 فایل تعیین شده
را از سرور سایت دانلود و ذخیره می کند . بنابراین هر زمان که کاربر نیز به اینترنت
متصل نباشد ، سایر فایل های جانبی صفحه ( مثل تم یا اسکریپت ها ) نیز قابل دسترسی خواهند
بود .
کد
|
CACHE MANIFEST
/theme.css
/logo.gif
/main.js
|
در قسمت بعدی عبارت Network قرار داده می شود . فایل هایی که در زیر عبارت Network
تعیین شوند هیچگاه توسط مرورگر ذخیره و دانلود نخواهند شد .
در قسمت آخر نیز ، عبارت FALLBACK قرار داده می شود . فایلی که در زیر این عبارت
تعیین شود ، در صورتیکه صفحه ذخیره شده در کامپیوتر کاربر به هر دلیلی قابل دسترسی
و مشاهده نباشد ، نشان داده خواهد شد .
کد
|
FALLBACK :
/html/ /offline.html
|
4 ) فرم نهایی فایل MANIFEST :
در نهایت فایل MANIFEST ، به صورت زیر خواهد بود :
نکته : خطوط کدی که با کاراکتر # ، شروع شوند ، توضیحات ( comments
) هستند .
کد
|
CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html
|
آپدیت و به روز رسانی فایل ذخیره شده :
فایلی که بر روی کامپیوتر کاربر ذخیره می شود ف بدون تغییر باقی می ماند . مگر اینکه
یکی از حالات زیر اتفاق بیفتد :
- کاربر اطلاعات ذخیره شده مرورگر را پاک کند .
- فایل MANIFEST تغییر کند .
- برنامه Application Cache بصورت برنامه ریزی شده تغییر کند .
نکاتی راجع به Application Cache :
در استفاده از این قابلیت و ذخیره فایل ها بر روی کامپیوتر کاربران دقت نمایید . زیرا
مرورگر پس از ذخیره صفحه بر روی کامپیوتر کاربر ، همواره صفحه ذخیره شده نمایش داده و اگر فال
اصلی تغییر کند به کاربر اطلاع نمی دهد . مگر اینکه شما فایل MANIFEST آن را آپدیت
کند . همچنین مرورگر های مختلف محدودیت مشخصی در حجم فایل های ذخیره شده لحاظ می کنند
( معمولا مرورگرها حداکثر 5 مگابایت برای ذخیره فایل های هر سایت اختصاص می دهند )
.
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :