localStorage本地持久化、基本使用以及对无痕/隐私模式判断的疑问

0、基本介绍

在HTML5中有一个localStorage特性，这个特性主要是用来作为本地存储来使用的。localStorage中一般浏览器支持的是5M大小，在不同的浏览器中localStorage会有所不同。

基本特点：

只能存储字符串类型的对象,如果使用JSON对象类型需要一些转换
localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在
不同浏览器无法共享localStorage中的信息。相同浏览器的不同页面间可以共享相同的localStorage（页面属于相同域名和端口）
localStorage在浏览器的隐私模式下面是不可读取的（？？测试使用UC和Firefox浏览器的无痕模式，可读可写，只是在关闭浏览器，重新打开时，数据被清理）

1、判断浏览器是否支持

if (window.Storage && window.localStorage && window.localStorage instanceof Storage) {console.log("支持");
} else {console.log("不支持");
}

2、判断浏览器是否隐私模式

在用UC和Firefox浏览器的无痕模式测试时，可读可写，只是在关闭浏览器后，重新打开查看上次存储的数据已经被清理掉了。还不知道如何去判断。。。有懂的大神请指教

3、基本使用

（1）写入

localStorage.setItem("test","abc");

（2）读取

let a = localStorage.getItem("test")

（3）删除

localStorage.removeItem("test")

（4）获取全部key

        for (let i = 0; i < localStorage.length; i++) {let key = localStorage.key(i);console.log(key)}

localStorage本地持久化、基本使用以及对无痕/隐私模式判断的疑问相关推荐

移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题
2019独角兽企业重金招聘Python工程师标准>>> 开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能 ...
React全家桶构建一款Web音乐App实战（六）：排行榜及歌曲本地持久化
上一节使用Redux管理歌曲相关数据,实现核心播放功能,播放功能是本项目最复杂的一个功能,涉及各个组件之间的数据交互,播放逻辑控制.这一节继续开发排行榜列表和排行榜详情,以及把播放歌曲和播放歌曲列表的 ...
html5保存资源本地,html5之Localstorage本地存储
题外话今天把博客里面的内容,同步在github的issues中了.具体地址是:https://github.com/confidence68/blog/issues ,欢迎大家访问,给star. L ...
HTML5 localStorage本地存储
介绍 localStorage(本地存储)的使用方式.包括对存储对象的添加.修改.删除.事件触发等操作. 目录 1. 介绍 1.1 说明 1.2 特点 1.3 浏览器最小版本支持 1.4 适合场景 2 ...
(转)iOS应用架构谈本地持久化方案及动态部署
原文链接:http://casatwy.com/iosying-yong-jia-gou-tan-ben-di-chi-jiu-hua-fang-an-ji-dong-tai-bu-shu.html ...
js本地存储函数封装基于localStorage本地存储
函数封装 //基于localStorage本地存储 var store={set:function(name, value, day) { // 设置let d = new Date()let tim ...
ios中safari无痕浏览模式下，localStorage的支持情况
前言前阶段,测试提了个bug,在苹果手机中无痕模式下,搜索按钮不好使,无法跳页,同时搜索历史也没有展示(用户搜索历史时使用localStorage存储). 正文 iOS上Sarfari在无痕模式下, ...
JS9day(BOM对象模型,setTimeout定时器，JS单线程执行机制，location对象，swiper插件，localStorage本地存储，购物车案例升级版，学习信息案例（本地存储）)
文章目录 BOM简介定时器-延时函数 5秒关闭广告案例递归模拟setInterval函数两种定时器对比 JS 执行机制 location对象 navigator对象 histroy对象(了解) ...
iOS应用架构谈（4）本地持久化方案及动态部署
前言嗯,你们要的大招.跟着这篇文章一起也发布了CTPersistance和CTJSBridge这两个库,希望大家在实际使用的时候如果遇到问题,就给我提issue或者PR或者评论区.每一个issue和 ...

localStorage本地持久化、基本使用以及对无痕/隐私模式判断的疑问

0、基本介绍

1、判断浏览器是否支持

2、判断浏览器是否隐私模式

3、基本使用

（1）写入

（2）读取

（3）删除

（4）获取全部key

localStorage本地持久化、基本使用以及对无痕/隐私模式判断的疑问相关推荐

最新文章

热门文章