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

  • شروع کننده موضوع iReza
  • تاریخ شروع

iReza

کاربر عضو
26/8/12
328
0
16
سلام.

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

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

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

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

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


کد:
<!DOCTYPE HTML>
    <html manifest="demo.appcache">
    ...
    </html>
CACHE MANIFEST: اطلاعات و فایل*های درخواستی رو cache میکنه، به هر شکلی وارد بشید، اطلاعات فقط برای یک بار لود خواهند شد.

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

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

نمونه کد:


کد:
CACHE MANIFEST
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

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

ندارند!

ترجمه شده از