浏览器存储数据方式汇总

存储方式类别

我们以我们现在最常用的Google浏览器为例，f12然后查看Application

从图中可以看出Google浏览器的数据存储方式有以下5种：

• Local Storage
• Session Storage
• IndexedDB
• Web SQL
• Cookie

区别和使用

1.Local Storage

localStorage 中的键值对是以字符串的形式存储，除非清除，否则长期有效(永久有效)。

使用如下：

var obj = {"status":200,"msg":"登录成功",obj:null}
//存
window.localStorage.setItem('key',JSON.stringify(obj))
//取
JSON.parse(window.localStorage.getItem('key'))
// 删除
window.localStorage.remove('key')
//清空
window.localStorage.clear()

2.Session Storage

sessionStorage也是以字符串的形式存储，生命周期为一次会话，即打开浏览器到关闭浏览器(关闭浏览器数据就没了)
使用如下：

window.sessionStorage.setItem('key')
window.sessionStorage.getItem('key')

3.IndexedDB

IndexedDB 是一个事务型的数据库系统. 然而, 它是使用 JavaScript 对象而非列数固定的表格来储存数据的.使用的比较少。

4. Cookie

使用：https://blog.csdn.net/qq_29132907/article/details/80390792

以上一个存储方式中我们现在常用的是Session Storage、Local Storage、Cookie三者更多详细比较