`
sophiawhut
  • 浏览: 101380 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Html5 LocalStorage 在 Private Browsing 下的一个限制

    博客分类:
  • HTML
阅读更多

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

 

分享到:
评论

相关推荐

    基于html5 localStorage本地存储的一个简易改造封装使其变通用的js组件.zip

    HTML5的localStorage是Web应用程序本地存储数据的一种强大方式,它允许开发者在用户的浏览器上持久化地存储关键数据,而无需依赖传统的Cookie或者复杂的HTTP请求。这个"基于html5 localStorage本地存储的一个简易...

    HTML5 localStorage 页面数据同步demo

    HTML5 localStorage 页面数据同步demo。...演示方法,同时打开localstorage1.html, localstorage2.html, localstorage3.html,需用用http方式打开,修改任意一个后,点save或clear。 其他两个页面会同步更新。

    HTML5 LocalStorage和UserData实现兼容多浏览器的本地存储

    HTML5的LocalStorage和UserData是两种不同的机制,它们都允许网页在用户本地存储数据,从而实现离线应用或者增强用户体验。这两个技术在实现浏览器兼容性方面起着关键作用,特别是对于那些需要在用户关闭浏览器后...

    HTML5 LocalStorage 本地存储刷新值还在

    1. localStorage是本地存储,存储期限不限; 2. sessionStorage会话存储,页面关闭数据就会丢失。 使用方法: localStorage.setItem(“key”,“value”)//存储 localStorage.getItem(key)//按key进行取值 ...

    H5打包成安卓app后,js的localstorage失效报错.pdf

    这是因为Android的Webview(一个用于加载网页的组件)在某些情况下默认并未开启对`localStorage`的支持。这个问题在标题和描述中已经明确指出,主要表现在首页无法正常展示,经过尝试捕获错误后定位到`localStorage`...

    LocalStorage+HTML+CSS+jQuery 实现简易的学生管理系统

    在本项目中,我们利用了前端技术来构建一个简易的学生管理系统。主要涉及的技术栈包括HTML、CSS、JavaScript(特别是ES6语法)以及jQuery库,并利用了浏览器的LocalStorage功能来持久化存储学生数据。下面将详细讲解...

    locstor, 用于 HTML5 localStorage的JavaScript helper 库.zip

    locstor, 用于 HTML5 localStorage的JavaScript helper 库 ## locstor.js 一个 localStorage helper 库支持所有现代浏览器和内容为什么是 locstor.js?API插件运行单元测试如何贡献问题/评论 ?让我们面对它,HTML5...

    HTML5 localStorage使用总结

    在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的...

    如何使用localstorage代替cookie实现跨域共享数据问题

    因为cookie在跨域的情况下,浏览器根本不允许互相访问的限制,为了突破这个限制,所以有了以下这个实现方案,使用postmessage和localstorage进行数据跨域共享。 原理比较简单,但是遇到的坑也不少,这里梳理一下,做...

    android与html5的交互——数据库操作,UI操作,以及html5的localStorage、定位功能

    localStorage是HTML5的一个重要特性,它允许在浏览器会话之间持久存储键值对数据。这对于实现应用的本地状态管理非常有用,例如保存用户的偏好设置或游戏进度。在Android中,通过WebView的JavaScript接口,开发者...

    使用localStorage缓存js

    `localStorage` 是HTML5引入的一种本地存储机制,允许web应用在浏览器中存储大量数据,且这些数据不会在用户关闭浏览器后丢失。本篇文章将深入探讨如何使用 `localStorage` 来缓存JavaScript文件,从而提高页面加载...

    Html5 localStorage入门教程

    HTML5的localStorage是Web开发中的一个重要特性,它允许开发者在用户浏览器上持久地存储数据,这些数据不受浏览器会话的影响,即使用户关闭了浏览器或重新启动电脑,数据仍然存在。这个功能极大地增强了Web应用程序...

    localStorage在安卓内内置浏览器中报错解决

    localStorage在安卓内内置浏览器中报错解决,最好的解决的方法

    一个本地存储工具控制localStorage和sessionStorage

    - **容量限制**:`localStorage`和`sessionStorage`的存储空间有限,通常在5MB左右,因此需要合理规划存储数据的大小。 - **数据格式化**:存储的数据通常是字符串形式,所以需要对非字符串类型的数据进行序列化和...

    JS中利用localStorage防止页面动态添加数据刷新后数据丢失

    - localStorage有存储大小限制,通常为5MB。 - localStorage只能存储字符串,需要将对象转换成JSON字符串后存储,读取时再转换回对象。 - 由于localStorage是同步API,如果存储了大量数据,可能会阻塞主线程,因此在...

    webSql/LocalStorage

    WebSQL和LocalStorage是两种在浏览器端进行数据存储的技术,它们都是HTML5标准的一部分,为Web应用提供了离线存储的能力。 WebSQL,全称Web SQL Database,是一个基于SQLite的关系型数据库系统,它允许开发者在用户...

    cookies,sessionStorage 和 localStorage 的区别1

    localStorage 是 HTML5 Web Storage API 提供的一种浏览器端存储机制,它可以方便地在 web 请求之间保存数据。localStorage 的存储周期是永久的,除非用户清除浏览器缓存或手动删除数据。localStorage 的存储大小...

Global site tag (gtag.js) - Google Analytics