美文网首页
保存网页的数据在浏览器端的几种方式

保存网页的数据在浏览器端的几种方式

作者: 歇歇 | 来源:发表于2015-09-06 10:04 被阅读2483次

cookie

cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能存储2K。

Flash ShareObject

这种方式能能解决上面提到的cookie存储的两个弊端,而且能够跨浏览器,应该说是目前最好的本地存储方案。不过,需要在页面中插入一个Flash,当浏览器没有安装Flash控件时就不能用了。所幸的是,没有安装Flash的用户极少。
缺点:需要安装Flash插件。

Google Gear

Google开发出的一种本地存储技术。
缺点:需要安装Gear组件。

userData

IE浏览器可以使用userData来存储数据,容量可达到640K,这种方案是很可靠的,不需要安装额外的插件。
缺点:它仅在IE下有效。

sessionStorage

使用于Firefox2+的火狐浏览器,用这种方式存储的数据仅窗口级别有效,同一个窗口(或者Tab)页面刷新或者跳转,都能获取到本地存储的数据,当新开窗口或者页面时,原来的数据就失效了。
缺点:IE不支持、不能实现数据的持久保存。

globalStorage

使用于Firefox2+的火狐浏览器,类似于IE的userData。

//赋值 
globalStorage[location.hostname]['name'] = 'tugai'; 
//读取 
globalStorage[location.hostname]['name']; 
//删除 
globalStorage[location.hostname].removeItem('name');

缺点:IE不支持。

localStorage

localStorage是Web Storage互联网存储规范中的一部分,现在在Firefox 3.5、Safari 4和IE8中得到支持。
缺点:低版本浏览器不支持。

总结

Flash shareobject是不错的选择,如果你不想在页面上嵌入Flash,可以结合使用userData(IE6+)和globalStorage(Firefox2+)和localStorage(chrome3+)实现跨浏览器。

相关文章

  • 保存网页的数据在浏览器端的几种方式

    cookie cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数...

  • 巧妙使用sessionStorage和localStorage

    localStorage在客户端浏览器(永久保存)保存数据 1.保存数据 localStorage[key] = ...

  • HTML本地存储

    本地存储,即在用户浏览器中将数据保存在本地。 以下是常用的前端数据存储的几种方式: cookiesessionlo...

  • macOS App 保存数据

    1. 保存文本数据问题 Mac端的App,需要保存一些文本数据,尝试了几种方式,记录一下曲折。 保存到本 App ...

  • session和cookie的区别

    1、共同点 都是用来跟踪浏览器用户身份的会话方式 2、区别 cookie数据保存在客户端,session数据保存在...

  • 本地存储 cookie&&storage

    本地存储 数据在客户端(浏览器)保存的方案 cookie 客户端存储数据的一种方式,该数据会随着请求一起发送给服务...

  • 前端存储方案

    cookie 什么是cookie在客户端的一种会话跟踪技术,用于将网页中的数据保存到浏览器中 cookie的生命周...

  • Django中的session的使用

    一、Session的概念 cookie是在浏览器端保存键值对数据,而session是在服务器端保存键值对数据 se...

  • Django中的session的使用

    一、Session 的概念 cookie 是在浏览器端保存键值对数据,而 session 是在服务器端保存键值对数...

  • Cookie和Session

    cookie Cookie技术:会话数据保存在浏览器客户端。 1.浏览器保存cookie:服务端创建cookie对...

网友评论

      本文标题:保存网页的数据在浏览器端的几种方式

      本文链接:https://www.haomeiwen.com/subject/xycrcttx.html