Html5 LocalStorage 在 Private Browsing 下的一个限制

最新推荐文章于 2021-06-28 21:38:39 发布

原创最新推荐文章于 2021-06-28 21:38:39 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 localstorage safari ios

HTML 专栏收录该内容

5 篇文章

订阅专栏

本文解决在Safari浏览器的秘密浏览模式下，html5localstorage无法正常访问的问题，通过检测并提示用户关闭秘密模式来解决。

Safari浏览器有一个private Browsing，如果用户开启了这种秘密浏览模式，那么使用了html5 localstorage的页面就会出现问题，不能正常访问和浏览，不论是在iphone上的Safari还是在pc上的Safari都有这个问题，错误代码是

// Error: QuotaExceededError: DOM Exception 22

解决方法是如果开启了这种模式，则提示用户关闭秘密模式后再访问页面：

//检测safari是不是开启了秘密浏览模式
  var KEY = '_localStorage_' , VALUE = 'test';  
  try {
    localStorage.setItem(KEY, VALUE);
  } catch(e) {
	$.messager.alert("提示","您开启了秘密浏览模式，请关闭后重新访问",function(r) {
		if(r) {
		//do something;	
		}
	});
  }
  // 删除测试数据
  if(localStorage.getItem(KEY) === VALUE) localStorage.removeItem(KEY);