如何在用户的浏览器中缓存我的网站?

Kyl*_*yle 3 javascript html5 caching

我发现了许多关于缓存的解释,其中一些甚至有例子,但是,了解它以及如何使用它有点模糊.我试过多次使用它,但我失败了(我想提高速度,我只想从服务器加载必需的).你能帮我把这个页面保存在浏览器的缓存中吗?如果可能的话,请给我一个解释或不同的方法来解决它(它也可以是JS!)?

PS:如果你给我一个适合这个页面的例子,它可以是Appcache;).

提前致谢.

我的Appcache文件名:offline.appcache.

CACHE MANIFEST

/style.css http://sistema.agrosys.com.br/sistema/labs/CSS_HTML/html1.html

<!DOCTYPE html>
<html lang="en" manifest="/offline.appcache">

<head>
  <meta name="viewport" content="width=device-width" />
  <title>page1</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

  <div class="testing_class">Test</div>
  <div class="testing_clas">Test</div>
  <div class="testing_cla">Test</div>
  <div class="testing_cl">Test</div>
  <div class="testing_c">Test</div>
  <div class="testing_">Test</div>

</body>

</html>
Run Code Online (Sandbox Code Playgroud)

小智 5

重新考虑使用AppCache.使用它并不一定意味着您的网站将脱机工作.基本上,以下是AppCache采取的步骤,无论浏览器连接状态如何:

  1. 询问服务器清单文件.
  2. 如果清单文件未更改,则它将提供本地文件.
  3. 如果清单文件已更改,则会下载新文件,保存它们然后提供它们.

既然你提到了那个

我想提高速度,我只想从服务器加载所需

AppCache 是一个非常有效的解决方案

编辑:使用AppCache的一个简单示例:

在原始HTML的开头:

<!DOCTYPE html>
<!--[if lte IE 9]>
<style>.scrollingtable > div > div > table {margin-right: 17px;}</style>
<![endif]-->
<html manifest="example.appcache">
    <head>
Run Code Online (Sandbox Code Playgroud)

你只需要标签中的"清单".然后,example.appcache文件将是:

CACHE MANIFEST

CACHE:
http://code.jquery.com/ui/1.11.4/themes/redmond/jquery-ui.css
http://code.jquery.com/jquery-1.10.2.js
http://code.jquery.com/ui/1.11.4/jquery-ui.js

NETWORK:
*
http://*
https://*
Run Code Online (Sandbox Code Playgroud)

只需在CACHE部分中包含您的网站使用的任何静态内容.

您还可以在清单文件中放置版本号或日期,以确保浏览器在需要时获取新内容.