我希望数据保存在localStorage多长时间。一般用户的localStorage数据将持续多长时间?如果用户不清除它,它将持续到浏览器重新安装?

这是否跨浏览器一致?

解决方法

localStorage也被称为Web存储,HTML5存储和DOM存储(这些都意味着相同的东西)。

localStorage类似于sessionStorage,除了存储在localStorage中的数据没有到期时间,而存储在sessionStorage中的数据在浏览会话结束时(即当浏览器关闭时)被清除。

localStorage在所有浏览器上都可用,但持久化并不一致。特别地,localStorage可以通过用户操作清除,并可能被无意中清除(谁会认为清除所有cookie也会清除localStorage?)。

在Firefox中,localStorage在满足以下三个条件时被清除:(a)用户清除最近的历史记录,(b)选择要清除的cookie,(c)时间范围为“Everything”

在Chrome中,localStorage会在满足以下条件时被清除:(a)清除浏览数据,(b)选择“Cookie和其他站点数据”,(c)时间段是“从开始”。在Chrome中,它现在也可以delete localStorage for one specific site。

在IE中,清除localStorage:(a)工具 – Internet选项,(b)常规选项卡,(c)退出浏览历史记录,(d)确保“Cookie和网站数据” “),(e)考虑取消选中顶部的”保留收藏夹网站数据“

在Safari中:(a)单击Safari(b)首选项(c)选择隐私选项卡(d)单击删除所有网站数据(e)单击立即删除

Opera:尽管Opera网站上提供了关于localStorage的优秀文章,但我还没有找到清楚的(非程序化)指示,告诉用户如何清除localStorage。如果任何人发现,请在这个答案下面留下评论与参考链接。

Opera dev site有一个很好的localStorage摘要:

The current way of storing data on the client-side — cookies — is a
problem:

  • Low size: Cookies generally have a maximum size of around 4 KB,which
    is not much good for storing any kind of complex data

  • It’s difficult for cookies to keep track of two or more transactions on the same
    site,which might be happening in two or more different tabs

  • Cookies
    can be exploited using techniques such as cross site scripting,
    resulting in security breaches

Other (less popular) alternatives to
cookies include techniques involving query strings,hidden form
fields,flash based local shared objects,etc. Each with their own set
of problems related to security,ease of use,size restrictions etc.
So up until Now we have been using pretty bad ways of storing data on
the user’s end. We need a better way,which is where Web Storage comes
in.

Web Storage

The W3C Web Storage specification was designed as a better way of
storing data on the client-side. It has two different types of
storage: Session Storage and Local Storage.

Both Session and Local Storage will typically be able to store around
5 MB of data per domain,which is significantly more than cookies.

资源:

https://dev.opera.com/articles/web-storage/

http://www.quirksmode.org/html5/storage.html

http://www.ghacks.net/2015/02/05/how-to-clear-web-storage-in-your-browser-of-choice/

https://nakedsecurity.sophos.com/2014/11/05/how-to-clear-out-cookies-flash-cookies-and-local-storage/

http://www.opera.com/dragonfly/documentation/storage/

DOMStorage article on MDN (written by John Resig)

http://ejohn.org/blog/dom-storage/

html5 – localStorage何时清除?的更多相关文章

  1. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  3. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  4. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

  5. HTML5实现直播间评论滚动效果的代码

    这篇文章主要介绍了HTML5实现直播间评论滚动效果的代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 使用Html5多媒体实现微信语音功能

    这篇文章主要介绍了使用Html5多媒体实现微信语音功能,需要的朋友可以参考下

  7. HTML5 播放 RTSP 视频的实例代码

    目前大多数网络摄像头都是通过 RTSP 协议传输视频流的,但是 HTML 并不标准支持 RTSP 流。本文重点给大家介绍HTML5 播放 RTSP 视频的实例代码,需要的朋友参考下吧

  8. html5 拖拽及用 js 实现拖拽功能的示例代码

    这篇文章主要介绍了html5 拖拽及用 js 实现拖拽,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  9. HTML5自定义视频播放器源码

    这篇文章主要介绍了HTML5自定义视频播放器源码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  10. HTML5新增form控件和表单属性实例代码详解

    这篇文章主要介绍了HTML5新增form控件和表单属性实例代码详解,需要的朋友可以参考下

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部