h5 localStorage和sessionStorage浏览器数据缓存

sessionStorage 会话数据，localStorage 没有过期时间

两个的API基本都一样的

基本的使用

// 保存一个数据
sessionStorage.setItem('key', 'value');

// 获取指定数据， 不存在返回 null
var data = sessionStorage.getItem('key');

// 删除指定数据
sessionStorage.removeItem('key');

// 清空
sessionStorage.clear();

监听用户在浏览器中手动修改事件

window.addEventListener("storage", (e) => {
  if (e.storageArea == localStorage) {
    const { key, oldValue, newValue, url } = e;
    console.log(
      "[[ localStore Change ]] [%s]: (%s) => (%s)",
      key,
      oldValue,
      newValue
    );
  }
});

localStorage.setItem("msg", "hello world");

• MDN文档