浏览器常用的三种存储方式区别

最新推荐文章于 2025-03-11 08:42:24 发布
最新推荐文章于 2025-03-11 08:42:24 发布
阅读量421 收藏 1
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65785179/article/details/122190140
版权
本文详细介绍了浏览器的三种存储方式：localStorage、sessionStorage和Cookies。它们都与域名相关，但存储容量不同，localStorage和sessionStorage可存储5MB，而Cookies仅限4KB。localStorage的数据持久化，sessionStorage在会话结束时消失，Cookies可设置过期时间，且每次请求都会发送。了解这些差异对于优化前端应用的性能和用户体验至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

浏览器存储：localStorage，sessionStorage，Cookies

都可以存储，只跟域名走

大小：localStorage/sessionStorage 能存5M ，cookies只能存4K

时间：localStorage永久存储数据 ，sessionStorage当前会话关闭就会丢失；

cookies 可以设置过期时间；如果没设置，前后端会话后，就会失效。

传输：cookies会跟着请求来回发送，localStorage/sessionStorage不会这样，

m0_65785179
关注
简单介绍浏览器端的几种存储技术
Summer_15的博客
05-20 1万+
这个问题经常会被问到，在这里简单总结一下~ 1、Cookie cookie是什么：cookie是指存储在用户本地终端上的数据，同时它是与具体的web页面或者站点相关的。cookie数据会自动在web浏览器和web服务器之间传输，也就是说HTTP请求发送时，会把保存在该请求域名下的所有cookie值发送给web服务器，因此服务器端脚本是可以读、写存储在客户端的cookie的操作。 cook
前端学习：浏览器缓存方式有哪些（cookie、localstorage、sessionstorage）
XSL_HR的博客
12-09 1774
浏览器缓存的问题在后台项目中会经常出现，本期文章会总体介绍浏览器缓存的几种方式。
几种浏览器存储方式
weixin_34205076的博客
11-29 366
浏览器存储方式主要下面几种： Cookie 4096字节；缺点：存储量小，请求头附带cookie带来性能问题。 Flash Share Object 默认支持100k，跨浏览器存储最好的方式，毕竟现在没有安装flash插件的用户是很少的；缺点：需要加载一个swf文件，个别用户不支持flash。 有一个基于jQuery的插件...
浏览器存储方式对比
qq_41177361的博客
03-05 288
Cookie 1.因为HTTP请求无状态，所以需要Cookie去维持客户端状态。 2.浏览器客户端记录保存Cookie,服务端辨别用户的信息。 3.Cookie的生成方式：http response header 中的set-cookie，由服务端生成，客户端把Cookie存储和维护。 4.JS中可以通过document.cookie来读写cookie。 5…之后的请求都携带Cookie,就像健身...
浏览器存储方法全面解析：从Cookies到IndexedDB
最新发布
vvilkin的学习备忘
03-11 1243
在现代Web开发中，浏览器存储技术是构建高效、灵活和离线可用应用的关键。不同的存储方法适用于不同的场景，选择合适的存储方式可以显著提升用户体验和应用性能。本文将详细介绍常见的浏览器存储方法，并结合实际场景分析其优缺点，帮助你更好地理解和使用这些技术。
浏览器三种本地存储的区别
m0_64479814的博客
04-14 605
cookie，sessionStorage，localStorage三种本地存储区别
浏览器的储存方式有哪些
wyl_1234567_Q的博客
03-11 3848
常见的浏览器存储主要有：1.属于文档对象模型：documentcookie，2.属于浏览器对象模型localStorage，sessionStorage，indexDB Cookie h5之前，存储主要用cookies，缺点是在请求头上带着数据，导致流量增加。大小限制4k localStorage 以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。IE8+支持，每个域名限制5M sessionStorage sessionStorage操作的方法与localStroag
5个HTML5的常用本地存储方式详解与介绍
10-15
以下是HTML5中5种常用本地存储方式的详细介绍。 1. localStorage（本地存储） localStorage提供了5MB大小的存储空间，可以永久存储数据，除非用户手动清除或开发者执行clear方法。数据以键值对的形式存储，并支持...
一个OAuth授权的一个例子，实现了三种常用的授权方式
10-02
在这个例子中，我们关注的是它如何通过三种常见的授权方式来实现这一功能。 首先，我们要理解OAuth的核心概念：授权（Authorization）、令牌（Token）和访问控制（Access Control）。授权是用户向第三方应用授予...
详解前端HTML5几种存储方式的总结
09-27
本文将详细介绍HTML5的五种存储方式：localStorage、sessionStorage、离线缓存（Application Cache）、Web SQL和IndexedDB。 1. 本地存储localStorage localStorage提供持久化的键值对存储，数据在用户关闭浏览器后...
常用浏览器插件备份：Sider、IA
06-17
总结来说，Sider和IA是两种用于备份和管理浏览器插件的工具，它们为用户提供了方便快捷的方式保存和恢复扩展，增强了使用浏览器的便利性和安全性。对于频繁使用浏览器插件的用户，掌握这类工具的使用方法是很有必要...
浏览器的存储方式
wobushixiaobailian的博客
08-27 265
文章目录 谷歌浏览器中的存储方式有下面几种。 名称 特点 sessionStorage key-value形式。存储的数据是会话级别的，当关闭浏览器，存储的数据就被清空了 localStorage key-value形式。永久存储。如果你不删除，就会一直存在浏览器中 indexedDb 功能比localStorage，sessionStorage更加强大。并且有很多第三...
浏览器存储
半虹小站
07-04 1270
大家好，我是半虹，这篇文章来讲浏览器存储
浏览器中的存储方式
m0_65780910的博客
12-29 509
浏览器中一般常用 localstorage 、sessionStorage、cookie 存储方式 区别： 相同点：都可以存储，并且只跟域名走 不同点： 存储大小:localstorage 、sessionStorage 有5M 大小，而cookie只有4K大小 传输：cookie会跟着请求来回发送 （一般用于登陆验证），而localstorage、sessionStorage不会 存储时间：localstorage 永久性存储 sessionStorage 关闭当前会话 cookie 可以设置过期时间，
几种浏览器存储方法及其优缺点
weixin_34062469的博客
03-21 3649
在做项目的过程中，我们经常遇到需要把信息存储在本地的情况，比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等，我们可以暂存一下避免浏览器不必要的请求和客户多余操作，给客户使用带来方便。 那么浏览器存储有哪些方法呢，主要有cookie、localStorage、sessionStorage cookie属于文档对象...
浏览器存储的几种方式
sodakii的博客
03-25 1250
浏览器提供了几种不同的存储机制，允许网站在用户的设备上保存数据。这些存储机制各有特点，适用于不同的场景。
浏览器的几种存储形式以及特点
qq_40560331的博客
02-18 1581
一、LocalStorage 这是H5中新增的存储技术，存储大小是5M左右。 它的存储是浏览器本地行为，与服务器没有任何关系，也就是说不会随着http请求发送给服务器；存储形式为key-value形式。 使用的时候注意浏览器对于H5的支持。 localStorage是永久存储，没有过期问题。 二、SessionStorage SessionStorage和LocalStorage类似，也是H5的存储技术，不同于localStorage，它不是永久存储，类似session，一次会话就过期（关闭浏览器就消失了）
浏览器本地存储的四种方式
热爱前端的大三在校生
10-25 7918
localStorage的存储都是字符串，如果是存储对象，那么在存储时就需要调用JSON的stringify方法，并且在取值时用JSON.parse来解析成对象。来进行存储，但是当数据量较大，或符合一定的规范时，我们可以使用indexedDB数据库来进行数据的存储，indexedDB数据库存储理论上没有大小的限制。HTTP是一个无状态的协议，客户端向服务器发送请求，服务器返回响应，但是下一次发送请求时服务端就无法识别客户端的身份信息，故而产生了Cookie。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值