امکانت جدید HTML5: امکان Application Cache

iReza · 12/5/13

سلام.

از اونجایی فقط استفاده از قابلیت*های طراحی html5 استفاده میشه و هیچ*کس از قابلیت*های دیگه*ی اون نه حرفی میزنه و استفاده میکنه، تصمیم گرفتم یک معرفی کوچیک در رابطه با این قابلیت*های ایجاد کنم.

اولین قابلیتی که میخوام معرفی کنم، قابلیت Application Cache هست!

یعنی چی؟ یعنی کاربر میتونه بخشی از صفحه*ی شما رو، به صورت آفلاین دسرسی داشته باشه.

بیشتر برای ذخیره سازی فایل*های css,js,image به کار میره تا از سنگین شدن صفجه در دفعات بعد جلوگیری شه.

ابتدا فایلی با پسوند appcache بسازید، و به این صورت در صفحه خودتون فراخوانی کنید:

کد:

&lt;!DOCTYPE HTML&gt;
    &lt;html manifest="demo.appcache"&gt;
    ...
    &lt;/html&gt;

CACHE MANIFEST: اطلاعات و فایل*های درخواستی رو cache میکنه، به هر شکلی وارد بشید، اطلاعات فقط برای یک بار لود خواهند شد.

NETWORK: فایل*هایی که در این دسته قرار بگیرند، کاملا لازمه آنلاین بودن برای اتصال هستند، هیچ*وقت cache نخواهند شد!

FALLBACK: فایل*های این دسته، در صورتی فراخوانده میشوند که شما به یک صفحه غیرقابل دسترسی مراجعه کنید!

نمونه کد:

کد:

CACHE MANIFEST
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
    /html/ /offline.html

*هیچ‎وقت بیشتر از 5mb، اپلیکیشن خود را cache نکنید! بعضی از مرورگرها توانایی پشتیبانی از این حد را

ندارند!

ترجمه شده از

لینک ها تنها برای اعضای سایت قابل نمایش است.

امکانت جدید HTML5: امکان Application Cache

iReza

کاربر عضو