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)
        }