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
静水流深，水滴石穿
近期文章
最新评论
- 月小升 发表在 frp点对点udp方式内网穿透ssh，不走服务器流量
- WoodyBuendia 发表在 frp点对点udp方式内网穿透ssh，不走服务器流量
- repostone 发表在 frp 消耗服务器流量测试
- VPS234主机测评 发表在 frp 消耗服务器流量测试
- X隐者网赚博客 发表在 MAC苹果电脑删除大文件
- repostone 发表在 ubuntu服务器调用rc.local自动启动脚本问题-ubuntu-19.04-live-server版本
- 小乌龟 发表在 海外支付stripe对接支付
- facer 发表在 关于我
- qii404 发表在 redis可视化数据查看工具
- 你的浅笑 发表在 nginx 在centos7.2下报Failed to restart nginx.service: Unit nginx.service failed to load: