HTML5 అప్లికేషన్ క్యాచ్

అప్లికేషన్ క్యాచ్ ఉపయోగించడంద్వారా, క్యాచ్ మానిఫెస్ట్ ఫైల్ సృష్టించడం ద్వారా, వెబ్ అప్లికేషన్ యొక్క ఆఫ్లైన్ వెర్షన్ను సులభంగా సృష్టించవచ్చు

అప్లికేషన్ క్యాచ్ ఏమిటి?

HTML5 అప్లికేషన్ క్యాచ్ (అప్లికేషన్ క్యాచ్) ప్రవేశపెట్టింది, ఇది వెబ్ అప్లికేషన్లను క్యాచ్ చేయవచ్చు మరియు ఇంటర్నెట్ కనెక్షన్ లేకుండా ప్రాప్యమవుతాయి

అప్లికేషన్ క్యాచ్ అప్లికేషన్ కు మూడు ప్రయోజనాలు చేకూరుస్తుంది:

  1. ఆఫ్లైన్ బ్రౌజింగ్ - వినియోగదారులు అప్లికేషన్ ఆఫ్లైన్ ఉన్నప్పుడు వాటిని ఉపయోగించవచ్చు
  2. వేగం - క్యాచ్ చేసిన వనరులు త్వరగా లోడు అవుతాయి
  3. సర్వర్ బాధ్యతను తగ్గించండి - బ్రౌజర్ మాత్రమే నవీకరించబడిన లేదా మార్పులు చేసిన వనరులను సర్వర్ నుండి డౌన్లోడ్ చేస్తుంది

浏览器支持

表格中的数字指示完全支持应用程序缓存的首个浏览器版本。

API
Application Cache 4.0 10.0 3.5 4.0 11.5

HTML Cache Manifest 实例

下例展示了带有 cache manifest 的 HTML 文档(供离线浏览):

实例


manifest="demo.appcache">

文档内容 ......


亲自试一试

Cache Manifest 基础

如需启用应用程序缓存,请在文档的 标签中包含 manifest 属性:



...

每个指定了 manifest 的页面在用户对其访问时都会被缓存。如果未指定 manifest 属性,则页面不会被缓存(除非在 manifest 文件中直接指定了该页面)。

manifest 文件的建议文件扩展名是:".appcache"。

మౌనంగా ఉంచుము:manifest ఫైలు సరైన MIME-type అవసరమవుతుంది, అది "text/cache-manifest". వెబ్ సర్వర్ లో కానివర్తించాలి.

Manifest ఫైలు

manifest ఫైలు సాధారణ టెక్స్ట్ ఫైల్ ఉంటుంది, ఇది బ్రౌజర్ కు క్యాచ్ చేయబడిన వనరులను (మరియు క్యాచ్ కాదు ఉన్న వనరులను) తెలుపుతుంది.

manifest ఫైలు మూడు భాగాలు ఉన్నాయి:

  • CACHE MANIFEST - ఈ శీర్షికలో జాబితాభేదం చేసిన ఫైల్స్ మొదటి డౌన్లోడ్ తర్వాత క్యాచ్ చేయబడతాయి
  • NETWORK - ఈ శీర్షికలో జాబితాభేదం చేసిన ఫైల్స్ సర్వర్ తో కనెక్షన్ అవసరమైనవి మరియు క్యాచ్ కాదు
  • FALLBACK - ఈ శీర్షికలో జాబితాభేదం చేసిన ఫైల్స్ పేజీ అనుపసందకరమైనప్పుడు వెళ్ళిపోవడం ప్రకారం ప్రత్యామ్నాయ పేజీని నిర్వచిస్తుంది (ఉదాహరణకు 404 పేజీ)

CACHE MANIFEST

మొదటి పంక్తి, CACHE MANIFEST, అత్యంత అవసరమైనది:

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

పైన ఉన్న manifest ఫైలు మూడు వనరులను జాబితాభేదం చేస్తుంది: ఒక CSS ఫైల్, ఒక GIF చిత్రం మరియు ఒక JavaScript ఫైల్. మ్యానిఫెస్ట్ ఫైలు లోడ్ అయిన తర్వాత, బ్రౌజర్ వెబ్ సైట్ ప్రధాన డెస్క్ ఫోల్డర్ నుండి ఈ మూడు ఫైల్స్ ను డౌన్లోడ్ చేస్తుంది. ఈ వనరులు వినియోగదారు ఇంటర్నెట్ నుండి కనెక్షన్ నుండి విడిపడిన ప్రయత్నించినప్పుడు కూడా అందుబాటులో ఉంటాయి.

NETWORK

నిర్వచనంలో ఉన్న NETWORK భాగం ప్రకారం ఫైల్ "login.php" ఎల్లప్పుడూ క్యాచ్ కాదు మరియు ఆఫ్లైన్ సమయంలో ఉపయోగదారు కాదు:

NETWORK:
login.asp

可以使用星号来指示所有其他其他资源/文件都需要因特网连接:

NETWORK:
*
FALLBACK

下面的 FALLBACK 部分规定如果无法建立因特网连接,则用 "offline.html" 替代 /html/ 目录中的所有文件:

FALLBACK:
/html/ /offline.html

అన్నింటికీ వర్ణన第一个 URI 是资源,第二个是替补。

更新缓存

一旦应用被缓存,它就会保持缓存直到发生下列情况:

  • 用户清空浏览器缓存
  • manifest 文件被修改(参阅下面的提示)
  • 由程序来更新应用缓存

ఇన్స్టాన్స్ - పూర్తి క్యాచ్ మానిఫెస్ట్ ఫైల్

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
NETWORK:
login.asp
FALLBACK:
/html/ /offline.html

సలహా:అన్నింటికీ వర్ణనలు # తో మొదలవుతాయి, కానీ ఇతర వినియోగాలకూ సరిపోతాయి. అప్లికేషన్ క్యాచ్ మానిఫెస్ట్ ఫైల్ మార్చబడినప్పుడు మాత్రమే అప్లికేషన్ క్యాచ్ నవీకరించబడుతుంది. మీరు చిత్రాన్ని మార్చినాకూ లేదా JavaScript ఫంక్షన్ను మార్చినాకూ ఈ మార్పులు మళ్ళీ క్యాచ్ కాకపోతాయి. కామెంట్ లో తేదీ మరియు వెర్షన్ నంబర్ నవీకరించడం బ్రాఉజర్ను క్యాచ్ నిర్వహించడానికి ఒక మార్గం కాగలదు.

అప్లికేషన్ క్యాచ్ గురించి గమనికలు

క్యాచ్ లో ఉన్న సమాచారాన్ని సూక్ష్మంగా గమనించండి.

ఫైల్ క్యాచ్ అయినప్పుడు, బ్రాఉజర్ క్యాచ్ అయిన సంస్కరణను ప్రదర్శిస్తుంది, కానీ మీరు సర్వర్ పై ఫైల్ను మార్చినాకూ అలాంటి ఫైల్ను మార్చబడదు. బ్రాఉజర్ను క్యాచ్ నిర్వహించడానికి, మీరు manifest ఫైల్ని నవీకరించవలసివుంది.

అన్నింటికీ వర్ణనబ్రాఉజర్స్ కి క్యాచ్ డేటా సందర్భంలో పరిమితి కాకపోవచ్చు (కొన్ని బ్రాఉజర్స్ ప్రతి స్థానానికి 5MB పరిమితి కలిగి ఉంటాయి).