{"id":1833,"date":"2016-06-07T21:47:20","date_gmt":"2016-06-07T13:47:20","guid":{"rendered":"http:\/\/www.daliane.com\/?p=1833"},"modified":"2016-06-07T21:47:21","modified_gmt":"2016-06-07T13:47:21","slug":"html5_li_xian_ying_yong_cheng_xu_1","status":"publish","type":"post","link":"http:\/\/www.daliane.com\/category\/jinjiaoyou\/html5_li_xian_ying_yong_cheng_xu_1\/","title":{"rendered":"HTML5 \u79bb\u7ebf\u5e94\u7528\u7a0b\u5e8f\u30101\u3011"},"content":{"rendered":"

\u79bb\u7ebfWeb\u5e94\u7528\u7a0b\u5e8f\u4ecb\u7ecd<\/h1>\n

\u5728HTML5\u4e2d\u65b0\u589e\u4e86\u4e00\u4e2aAPI\uff0c\u4e3a\u79bb\u7ebfWeb\u5e94\u7528\u7a0b\u5e8f\u7684\u5f00\u53d1\u63d0\u4f9b\u4e86\u53ef\u80fd\u6027\u3002\u4e3a\u4e86\u8ba9Web\u5e94\u7528\u7a0b\u5e8f\u5728\u79bb\u7ebf\u72b6\u6001\u65f6\u4e5f\u80fd\u6b63\u5e38\u5de5\u4f5c\uff0c\u5c31\u5fc5\u987b\u8981\u628a\u6240\u6709\u6784\u6210Web\u5e94\u7528\u7a0b\u5e8f\u7684\u8d44\u6e90\u6587\u4ef6\uff0c\u8bf8\u5982\uff1aHTML\u6587\u4ef6\u3001CSS\u6587\u4ef6\u3001JavaScript\u811a\u672c\u6587\u4ef6\u7b49\u653e\u5728\u672c\u5730\u7f13\u5b58\u4e2d\uff0c\u5f53\u670d\u52a1\u5668\u6ca1\u6709\u548cInternet\u5efa\u7acb\u8fde\u63a5\u7684\u65f6\u5019\uff0c\u4e5f\u53ef\u4ee5\u5229\u7528\u672c\u5730\u7f13\u5b58\u4e2d\u7684\u8d44\u6e90\u6587\u4ef6\u6765\u6b63\u5e38\u8fd0\u884cWeb\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n

\u672c\u5730\u7f13\u5b58\u4e0e\u6d4f\u89c8\u5668\u7f51\u9875\u7f13\u5b58\u7684\u533a\u522b<\/h2>\n

\u9996\u5148\uff0c\u672c\u5730\u7f13\u5b58\u662f\u4e3a\u6574\u4e2aWeb\u5e94\u7528\u7a0b\u5e8f\u670d\u52a1\u7684\uff0c\u800c\u6d4f\u89c8\u5668\u7684\u7f51\u9875\u7f13\u5b58\u53ea\u670d\u52a1\u4e8e\u5355\u4e2a\u7f51\u9875\uff0c\u4efb\u4f55\u7f51\u9875\u90fd\u5177\u6709\u7f51\u9875\u7f13\u5b58\uff0c\u800c\u672c\u5730\u7f13\u5b58\u53ea\u7f13\u5b58\u90a3\u4e9b\u6307\u5b9a\u7f13\u5b58\u7684\u7f51\u9875\u3002<\/p>\n

\u5176\u6b21\uff0c\u7f51\u9875\u7f13\u5b58\u4e5f\u662f\u4e0d\u5b89\u5168\u3001\u4e0d\u53ef\u9760\u7684\uff0c\u56e0\u4e3a\u6211\u4eec\u4e0d\u77e5\u9053\u5728\u7f51\u7ad9\u4e2d\u5230\u5e95\u7f13\u5b58\u4e86\u54ea\u4e9b\u9875\u9762\uff0c\u4ee5\u53ca\u7f13\u5b58\u4e86\u7f51\u9875\u4e0a\u7684\u54ea\u4e9b\u8d44\u6e90\u3002\u800c\u672c\u5730\u7f13\u5b58\u662f\u53ef\u9760\u7684\uff0c\u6211\u4eec\u53ef\u4ee5\u63a7\u5236\u5bf9\u54ea\u4e9b\u5185\u5bb9\u8fdb\u884c\u7f13\u5b58\uff0c\u4e0d\u5bf9\u54ea\u4e9b\u5185\u5bb9\u8fdb\u884c\u7f13\u5b58\uff0c\u5f00\u53d1\u4eba\u5458\u8fd8\u53ef\u4ee5\u7528\u7f16\u7a0b\u7684\u624b\u6bb5\u6765\u63a7\u5236\u7f13\u5b58\u7684\u66f4\u65b0\uff0c\u5229\u7528\u7f13\u5b58\u5bf9\u8c61\u7684\u5404\u79cd\u5c5e\u6027\u3001\u72b6\u6001\u548c\u4e8b\u4ef6\u6765\u5f00\u53d1\u51fa\u66f4\u4e3a\u5f3a\u5927\u7684\u79bb\u7ebf\u5e94\u7528\u7a0b\u5e8f\u3002<\/p>\n

manifest\u6587\u4ef6<\/h1>\n

Web\u5e94\u7528\u7a0b\u5e8f\u7684\u672c\u5730\u7f13\u5b58\u662f\u901a\u8fc7\u6bcf\u4e2a\u9875\u9762\u7684manifest\u6587\u4ef6\u6765\u7ba1\u7406\u7684\u3002manifest\u6587\u4ef6\u662f\u4e00\u4e2a\u7b80\u5355\u6587\u672c\u6587\u4ef6\uff0c\u5728\u8be5\u6587\u4ef6\u4e2d\u4ee5\u6e05\u5355\u7684\u5f62\u5f0f\u5217\u4e3e\u4e86\u9700\u8981\u88ab\u7f13\u5b58\u6216\u4e0d\u9700\u8981\u88ab\u7f13\u5b58\u7684\u8d44\u6e90\u6587\u4ef6\u7684\u6587\u4ef6\u540d\u79f0\u3001\u4ee5\u53ca\u8fd9\u4e9b\u8d44\u6e90\u6587\u4ef6\u7684\u8bbf\u95ee\u8def\u5f84\u3002\u53ef\u4ee5\u4e3a\u6bcf\u4e00\u4e2a\u9875\u9762\u5355\u72ec\u6307\u5b9a\u4e00\u4e2amainifest\u6587\u4ef6\uff0c\u4e5f\u53ef\u4ee5\u5bf9\u6574\u4e2aWeb\u5e94\u7528\u7a0b\u5e8f\u6307\u5b9a\u4e00\u4e2a\u603b\u7684manifest\u6587\u4ef6\u3002manifest\u6587\u4ef6\u793a\u4f8b\u5982\u4e0b\uff1a<\/p>\n

\n
\n
Txt\u4ee3\u7801 \u00a0\"\u6536\u85cf\u4ee3\u7801\"<\/a><\/div>\n<\/div>\n
    \n
  1. CACHE\u00a0MANIFEST<\/li>\n
  2. #\u6587\u4ef6\u7684\u5f00\u5934\u5fc5\u987b\u4e66CACHE\u00a0MANIFEST<\/li>\n
  3. #\u8be5manifest\u6587\u4ef6\u7684\u7248\u672c\u53f7<\/li>\n
  4. #version\u00a07<\/span><\/li>\n
  5. CACHE:<\/li>\n
  6. other.html<\/li>\n
  7. hello.js<\/li>\n
  8. images\/myphoto.jpg<\/li>\n
  9. NETWORK:<\/li>\n
  10. http:\/\/google.com\/xxx<\/li>\n
  11. NotOffline.jsp<\/li>\n
  12. *<\/li>\n
  13. FALLBACK:<\/li>\n
  14. online.js\u00a0locale.js<\/li>\n
  15. CACHE:<\/li>\n
  16. newhello.html<\/li>\n
  17. newhello.js<\/li>\n<\/ol>\n<\/div>\n

    \u5728manifest\u6587\u4ef6\u4e2d\uff0c\u7b2c\u4e00\u884c\u5fc5\u987b\u662f\u201cCACHE MANIFEST\u201d\u6587\u5b57\uff0c\u4ee5\u628a\u672c\u6587\u4ef6\u7684\u4f5c\u7528\u544a\u77e5\u7ed9\u6d4f\u89c8\u5668\uff0c\u5373\u5bf9\u672c\u5730\u7f13\u5b58\u4e2d\u7684\u8d44\u6e90\u6587\u4ef6\u8fdb\u884c\u5177\u4f53\u8bbe\u7f6e\u3002\u540c\u65f6\uff0c\u771f\u6b63\u8fd0\u884c\u6216\u6d4b\u8bd5\u79bb\u7ebfWeb\u5e94\u7528\u7a0b\u5e8f\u7684\u65f6\u5019\uff0c\u9700\u8981\u5bf9\u670d\u52a1\u5668\u8fdb\u884c\u914d\u7f6e\uff0c\u8ba9\u670d\u52a1\u5668\u652f\u6301text\/cache-manifest\u8fd9\u4e2aMIME\u7c7b\u578b\uff08\u5728HTML5\u4e2d\u89c4\u5b9amanifest\u6587\u4ef6\u7684MIME\u7c7b\u578b\u4e3atext\/cache-manifest\uff09 \u3002<\/p>\n

    \u5728manifest\u6587\u4ef6\u4e2d\uff0c\u53ef\u4ee5\u52a0\u4e0a\u6ce8\u91ca\u6765\u8fdb\u884c\u4e00\u4e9b\u5fc5\u8981\u7684\u8bf4\u660e\u6216\u89e3\u91ca\uff0c\u6ce8\u91ca\u884c\u4ee5\u201c#\u201d\u5f00\u59cb\uff1b\u6587\u4ef6\u4e2d\u53ef\u4ee5\uff08\u800c\u4e14\u6700\u597d\uff09\u52a0\u4e0a\u7248\u672c\u53f7\uff0c\u4ee5\u8868\u793a\u8be5manifest\u6587\u4ef6\u7684\u7248\u672c\uff0c\u7248\u672c\u53f7\u53ef\u4ee5\u662f\u4efb\u4f55\u5f62\u5f0f\u7684\uff0c\u66f4\u65b0\u6587\u4ef6\u65f6\u4e00\u822c\u4e5f\u4f1a\u5bf9\u8be5\u7248\u672c\u53f7\u8fdb\u884c\u66f4\u65b0\u3002<\/p>\n

    \u6307\u5b9a\u8d44\u6e90\u6587\u4ef6\uff0c\u6587\u4ef6\u8def\u5f84\u53ef\u4ee5\u662f\u76f8\u5bf9\u8def\u5f84\uff0c\u4e5f\u53ef\u4ee5\u662f\u7edd\u5bf9\u8def\u5f84\u3002\u6307\u5b9a\u65f6\u6bcf\u4e2a\u8d44\u6e90\u6587\u4ef6\u4e3a\u4e00\u884c\u3002\u5728\u6307\u5b9a\u8d44\u6e90\u6587\u4ef6\u7684\u65f6\u5019\uff0c\u53ef\u4ee5\u628a\u8d44\u6e90\u6587\u4ef6\u5206\u4e3a\u4e09\u7c7b\uff0c\u5206\u522b\u662f\u201cCACHE\u201d\u3001\u201cNETWORK\u201d\u548c\u201cFALLBACK\u201d\u3002<\/p>\n