H5 本地缓存localStorage缓存机制
localStorage缓存特点：
1.用户如果不进行清理操作，那么缓存一直在
2.缓存文件默认浏览器最大5M
3.可以存文本，图片，视频流
<!DOCTYPE html>
<html>
<body>
<div id="result"></div>
<script>
// Check browser support
if (typeof(Storage) !== "undefined") {
// Store
localStorage.setItem("lastname", "Gates");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
document.getElementById("result").innerHTML = "抱歉！您的浏览器不支持 Web Storage ...";
}
</script>
</body>
</html>小技巧
判断是否缓存了
if(localStorage.getItem("lastname")){
console.log("YES");
}chrome浏览器查看缓存情况
html5的localStorage缓存即使你关闭了浏览器，明天再来，都一直在。
<!DOCTYPE HTML>
<html>
<body>
<script type="text/javascript">
if (localStorage.pagecount)
{
localStorage.pagecount=Number(localStorage.pagecount) +1;
}
else
{
localStorage.pagecount=1;
}
document.write("Visits: " + localStorage.pagecount + " time(s).");
</script>
<p>刷新页面会看到计数器在增长。</p>
<p>请关闭浏览器窗口，然后再试一次，计数器会继续计数。</p>
</body>
</html>
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址：月小升博客 – https://java-er.com/blog/h5-localstorage-cache-1/
无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢
您的评论是我写作的动力
About Me
静水流深，水滴石穿
近期文章
最新评论
- 张三疯 发表在 MAC截图软件-滚屏，浏览器全截图，视频截图
- 酷特尔 发表在 服务器监控特定端口一天得流量
- 天津网站建设 发表在 nginx php-fpm 上传大图片出错
- 月小升 发表在 永久免费2G主机hostinger
- 自媒体博客 发表在 永久免费2G主机hostinger
- 月小升 发表在 勾搭友情链接
- 燕骏工控 发表在 勾搭友情链接
- X隐者免费赚钱 发表在 AWS花费
- 酷特尔 发表在 Linux 安装百度云，自动备份服务器资料
- 月小升 发表在 免费得SSL安全证书