H5 本地缓存localStorage缓存机制

栏目: Html5 · 发布时间: 6年前

内容简介：发表于 2018-10-22 11:36:21 by月小升1.用户如果不进行清理操作，那么缓存一直在

发表于 2018-10-22 11:36:21 by月小升

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浏览器查看缓存情况

首发地址：–无特殊说明，文章均为月小升原创，欢迎转载，转载请注明本文地址，谢谢

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

Hatching Twitter

Nick Bilton / Portfolio Hardcover / 2013-11-5 / USD 28.95

The dramatic, unlikely story behind the founding of Twitter, by New York Times bestselling author and Vanity Fair special correspondent The San Francisco-based technology company Twitter has become......一起来看看《Hatching Twitter》这本书的介绍吧!

码农工具