浏览器存储方式主要方法:
* 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) LocalStorage浏览器本地存储使用案例 (2) Echart 堆叠柱状图 (3) Echart 矩形数图
从html5开始,浏览器本地存储能力已经变的很强大了,但是每一种存储的api都不相同,BrowserStorage将本地存储封装成同一api,极大的方便了使用。
兼容个浏览器的本地存储,支持html5的使用storage,不支持的使用userData
HTML5 LocalStorage和UserData实现兼容多浏览器的本地存储
cookie,localStorage和sessionStorage都是浏览器本地存储数据的地方,其用法不尽相同,今天小编通过本文给大家分享jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法,需要的朋友参考下吧
jLos由Catfish(鲶鱼) CMS出品,用于浏览器本地存储,可以在浏览器中持久存储数据,即使浏览器被关闭后数据也不会丢失。jLos特点:使用方便jLos使用很方便,使用者只需要简单使用而不用考虑太多实现细节。开源jLos是...
store.js:对于不同浏览器的本地存储提供一个简单的API。用到了localStorage, globalStorage, 和 userData作为支撑。
remoteStorage.js是一个JavaScript库,用于在浏览器中本地存储用户数据,以及连接到remoteStorage服务器并跨设备和应用程序同步数据。
原文:http://www.planabc.net/2008/08/05/userdata_behavior/现在最流行的本地存储莫过于 cookie 的应用,但 浏览器对cookie有很多限制,最大的限制在于其对cookie 总大小,仅为 4K 左右(包括名(name)、值...
store.js – 轻松实现本地存储(LocalStorage) store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 ...
simpan.js 窗口浏览器本地存储API simpan.js是window.localStorage API。 HTML5规范允许localStorage仅接受String作为Object属性的值,Simpan可以存储整个JavaScript Object。存储和对象参数Simpan允许您自动存储...
角度本地存储- 使用浏览器本地存储的简单 AngularJS 方法
Web API:使用window.localStorage保留浏览器数据 使用本地存储在浏览器中存储数据 入门 这些步骤假定您已安装 。 克隆此仓库。 运行npm install 奔跑gulp serve 开启localhost:3000
store本地存储实现,优先本地存储localStorage,如果浏览器不支持,优雅降级为cookie
可以随意获取本地存储的Cookie,这是获取IE的Cookie,要想获取其他浏览器Cookie,需要将里面的工具类的路径改一改,注释已写好,适用Win7以上,通过获取本地Cookie文件内容进行转换成Cookie,没有调用第三方dll,...
Chatbot UI 是一个高级聊天机器人工具包,适用于 OpenAI 的聊天模型,它使用 Next.js、TypeScript 和 Tailwind CSS 在Chatbot UI Lite之上构建。 它旨在模仿 ChatGPT 的界面和功能。...所有对话都本地存储在您的设备上
VMLogin可在同一个电脑上生成多个物理隔离并且防关联的反指纹浏览器,通过模拟电脑或手机设备的软硬件指纹信息,使得每个浏览器文件的Cookies、本地存储和其他缓存文件将被完全隔离,浏览器配置文件之间无法相互泄漏...
react-native和浏览器的本地存储包装器。支持大小控制,自动过期,远程数据自动同步,一次查询批量获取数据c.zip