`
deng131
  • 浏览: 673569 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

浏览器本地存储方式

阅读更多
浏览器存储方式主要方法:

* Cookie
  4096字节;缺点:存储量小,请求头附带cookie带来性能问题。
* Flash Share Object
  默认支持100k,跨浏览器存储最好的方式,毕竟现在没有安装flash插件的用户是很少的;
  缺点:需要加载一个swf文件,个别用户不支持flash。
* IE的 UserData
  最少也能支持640k,IE8后已经支持DOM Storage;缺点:IE only。
* DOM Storage
  默认支持5M存储量;缺点:IE7,IE6不支持。
* Google Gears
  功能最强;缺点:但需要安装软件,而且,安装的用户是较少的。



DOM Storage

支持:Firefox, Chrome, Opera, Safari, IE8+
DOM Storage 分为两种sessionStorage 和 localStorage。
1:sessionStorage 是指在当前窗口会话中持续保存的数据,但关闭窗口后就没了;
2:localStorage是在本地永久存储的。

方法:
    * key(index)   根据索引获取值
    * getItem(key) 获取 key 的值
    * setItem(key, data) 设置 key 的值
    * removeItem(key) 删除 key
    * clear()         清除所有的key
属性:
    * length 当前存储的个数


IE UserData

支持:IE5+
通过给 xml 或者 html 标签添加 behavior 来支持 userData
例如:
<input style="behavior:url('#default#userData')" id="userData">
或者
object.style.behavior = "url('#default#userData')"
object.addBehavior ("#default#userData")
方法:
    * getAttribute() 获取指定的属性值。
    * load(object)   从 userData 存储区载入存储的对象数据。
    * removeAttribute() 移除对象的指定属性。
    * save(object)   将对象数据存储到一个 userData 存储区。
    * setAttribute() 设置指定的属性值。
属性:
    * expires 设置或者获取 userData behavior 保存数据的失效日期,不设置则为永久。
    * XMLDocument 获取 XML 的引用。


结论:

不宜在客户端存储敏感的信息,使用window.name、localStorage、globalStorage等在客户端存储的信息都非常的容易暴露,
建议在完成数据存储或者设定一个过期时间清除掉来保证用户帐号等的安全。


参考:

http://dev.w3.org/html5/webstorage/
http://msdn.microsoft.com/en-us/library/ms531424.aspx
http://foxling.org/js-ajax-dom/broswer-local-storage/#more-519
http://www.ilovejs.net/archives/category/javascript/page/2
1
0
分享到:
评论

相关推荐

    BrowserStorage浏览器本地存储封装

    BrowserStorage是针对HTML5引入的各种浏览器本地存储机制的一种封装库,旨在提供统一的API接口,以便开发者更加便捷地管理和操作这些存储方式。HTML5的本地存储主要包括Cookie、localStorage和sessionStorage,它们...

    LocalStorage浏览器本地存储使用案例( Echart 矩形数图 )

    在"LocalStorage浏览器本地存储使用案例"中,我们将探讨如何利用LocalStorage来存储和读取数据,并结合Echart库创建可视化图表。 Echarts是一款基于JavaScript的数据可视化库,它提供了丰富的图表类型,如堆叠柱状...

    兼容个浏览器的本地存储

    兼容个浏览器的本地存储,支持html5的使用storage,不支持的使用userData

    浏览器调用本地EXE,试用于谷歌浏览器

    标题中的“浏览器调用本地EXE,试用于谷歌浏览器”是指一种技术,允许谷歌浏览器(Google Chrome)通过特定的方式启动本地的可执行文件(.exe程序)。这种技术通常用于扩展浏览器的功能,或者实现某些定制化的交互...

    jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法

    在Web开发中,数据存储是不可或缺的一部分,jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储,包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据,但它们各有特点和适用场景。 ...

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

    UserData是IE6及更高版本中的一个特性,它也提供了一种在用户本地存储数据的方式。与LocalStorage类似,UserData也采用键值对存储,但它没有跨域限制,且存储容量相对较小(约64KB)。 使用UserData的基本步骤包括...

    web浏览器点击打开本地exe程序(类似百度网盘效果)

    在IT行业中,有时候我们需要实现一些跨平台的交互功能,例如在Web浏览器中触发本地应用程序的执行。本场景中,我们关注的是"web浏览器点击打开本地exe程序",这个功能类似于百度网盘那样,用户在浏览器内操作时可以...

    storejs对于不同浏览器的本地存储提供一个简单的API

    通过上述功能,store.js为开发者提供了一种简单、一致的方式来处理不同浏览器的本地存储,无需关心底层实现的差异。它降低了开发复杂性,提高了代码的可维护性和兼容性,是JavaScript开发中的一个实用工具。在实际...

    浏览器调用本地exe

    浏览器调用本地exe是一种技术,它允许Web应用与用户的本地计算环境进行交互,例如执行可执行文件(exe)。这项技术通常涉及到JavaScript、ActiveX控件或者利用浏览器的特定功能。然而,由于安全风险,现代浏览器对...

    鲶鱼浏览器存储 jLos v1.0.0

    jLos由Catfish(鲶鱼) CMS出品,用于浏览器本地存储,可以在浏览器中持久存储数据,即使浏览器被关闭后数据也不会丢失。jLos特点:使用方便jLos使用很方便,使用者只需要简单使用而不用考虑太多实现细节。开源jLos是...

    react-native和浏览器的本地存储包装器。支持大小控制,自动过期,远程数据自动同步,一次查询批量获取数据c.zip

    React-Native和浏览器的本地存储包装器是一种工具,它为开发者提供了一种统一的方式来管理和操作在React-Native应用和Web浏览器中的本地数据存储。这个工具的主要目标是简化数据存储过程,同时增强其功能,比如支持...

    web基于浏览器的本地存储方法应用

    因此,浏览器开始引入新的本地存储方法,以满足更丰富的数据存储需求。 HTML5引入了两种主要的本地存储解决方案:`localStorage` 和 `sessionStorage`。`localStorage` 是一种持久化的存储方式,数据可以在用户关闭...

    Lowdb一个小型本地JSON数据库支持NodeElectron和浏览器

    Lowdb在Electron应用中可以作为一个理想的本地存储选择,因为它可以在主线程或渲染线程中使用,提供了与Web应用类似的本地数据管理能力。 ### 4. 浏览器兼容 在浏览器环境下,Lowdb使用浏览器的`localStorage`或`...

    js浏览器本地存储store.js介绍及应用

    浏览器本地存储指的是网页浏览器为网页提供的存储空间,使得开发者能够保存和读取网站或应用的数据,以实现网站的离线访问、记录用户偏好设置等效果。传统上,常见的本地存储方式包括 Cookie、Web Storage...

    本地存储javascript类库

    本文将深入探讨“本地存储javascript类库”的概念,以及如何利用此类库来替代Cookie,实现更高效、更灵活的本地数据存储,并确保在各种主流浏览器中的兼容性。 首先,我们了解JavaScript本地存储的基本需求。在Web...

    remoteStoragejs是一个JavaScript库用于在浏览器中本地存储用户数据

    10. **渐进增强**: 对于不支持remoteStorage的旧版浏览器,remoteStorage.js可以退化为只使用传统的cookie或本地存储,确保应用的兼容性和可用性。 总的来说,remoteStorage.js为Web开发者提供了一种强大的工具,...

    跨浏览器的本地存储 Ⅰ

    原文:http://www.planabc.net/2008/08/05/userdata_behavior/现在最流行的本地存储莫过于 cookie 的应用,但 浏览器对cookie有很多限制,最大的限制在于其对cookie 总大小,仅为 4K 左右(包括名(name)、值...

    Cloudreve云盘源码,支持本地储存和对接各大对象储存

    loudreve云盘源码,支持本地储存和对接各大对象储存,界面 美观 测试环境:PHP7.1 + MYSQL5.6 + Apache 上传源码到根目录 安装程序: 浏览器数据 http://localhost/CloudreveInstallerlocalhost更换成你的网 址 安装...

Global site tag (gtag.js) - Google Analytics