跨浏览器本地存储接口封装,源自 store.js.docVIP

目录 存储接口 检测是否支持（开启） LocalStorage 接口列表 浏览器支持 注意事项 原生方法与 store.js 的差异 自动过期实现 参考资源 跨浏览器本地存储接口封装，源自?store.js，精简了针对 IE 6/7 的代码。 LocalStorage 只能存储字符串，store.js 在存取的时候会自动?stringify、parse。 通过?$.AMUI.store?调用。 爱上一匹野马之前，先想想你家有没有草原；使用之前，当然要先检测一下。 ?Copy Safari 的无痕浏览模式或者用户禁用了本地存储时，store.enabled?将返回?false。 浏览器如何禁用 LocalStorage： Firefox： 地址栏输入?about:config, 将?dom.storage.enabled?的值设置为?false； Chrome:?设置?→?隐私设置?→?内容设置?→?阻止网站设置任何数据。 LocalStorage?受同源策略限制，以下操作仅限于同源下的数据。 store.set(key, val): 存储?key?的值为?val； store.get(key): 获取?key?的值； store.remove(key): 移除?key?的记录； store.clear(): 清空存储； store.getAll(): 返回所有存储； store.forEach(): 遍历所有存储。 ?Copy 绝大多数浏览器（包括 IE 8）都原生支持 LocalStorage。 你的浏览器测试结果为： second pass bad assert: getAll gets all 4 values 不同浏览器对本地存储单条记录的长度限定不同，具体可以通过以下链接测试： Web Storage Support Test Test of localStorage limits/quota 使用原生方法操作： ?Copy 使用 store.js 序列化后的结果: ?Copy LocalStorage 并没有提供过期时间接口，只能通过存储时间做比对实现。 ?Copy Cross domain local storage 使用 cookie 实现 LocalStorage localForage PouchDB Basil.js