浏览器缓存的作用,如何使用,如何清除。

浏览器缓存就是你看网页的网页里的图片、音乐、视频文件,存在系统里,在你下次访问的时候若网页没有变化,则直接从缓存调用,来加快浏览速度。

一、作用:

浏览器缓存(Browser Caching)是为了节约网络的资源加速浏览,浏览器在用户磁盘上对最近请求过的文档进行存储,当访问者再次请求这个页面时,浏览器就可以从本地磁盘显示文档,这样就可以加速页面的阅览。

主要目的:节约宽带资源。节约了网络的资源,提高了网络的效率。

二、使用

浏览器缓存主要有两类

缓存协商:Last-modified ,Etag

彻底缓存:cache-control,Expires

缓存协商的意思是需要去服务器端询问页面有没有修改过,没有修改过则返回304直接使用缓存内容,否则返回新内容

协商步骤:

服务器发送带Last-modified:GMTtime 头的http response

浏览器下次请求时带上if-modified-since:GMTtime http 请求头

服务端用本地Last-modified时间与if-modified-since比较,计算浏览器数据是否过期并发送响应

Etag的工作原理与Last-modified类似,不同点在于Etag的值是用户可自定义的

缓存协商可应用在动态页面且实时性不是特别强的页面,如网站首页

三、清除

打开IE,选择“工具--internet选项”,切换到“高级”选项卡,找到“关闭浏览器时清空internet临时文件夹”,并将其选中,确定即可.

要清空 Mozilla Firefox 的缓存,请按以下步骤操作:

单击浏览器顶部的"Tools"(工具)菜单,并选择"Options"(选项)。

单击"Privacy"(隐私)。

单击"Cache"(高速缓冲)旁边的"Clear"(清空缓存)。

单击"OK"(确定)。

要清空 Mozilla 和 Netscape 的缓存,请按以下步骤操作:

注销您的 AdSense帐户。关闭所有其他打开的浏览器窗口。

单击浏览器顶部的"Edit"(编辑)菜单,然后选择"Preferences"(首选项)。

单击"Advanced"(高级)旁边的"+"。

单击"Advanced"(高级)下面的"Cache"(高速缓存)。

单击"Clear Cache"(清除高速缓存)。

单击"OK"(确定)。

要清空 Safari 的缓存,请按以下步骤操作:

注销您的 AdSense 帐户。关闭所有其他打开的浏览器窗口。

打开浏览器工具栏中的"Safari"菜单。

选择"Empty Cache"(清空缓存)。

单击该对话框中的"Empty"(清空)。

某些情况下,可能需要多次清空您的缓存。

要清空 Chrome 的缓存,请按以下步骤操作:

打开chrome浏览器,使用Ctrl+Shift+Delete快捷键,就会打开清理浏览数据页面,选择清理缓存选项,

然后单击“清除浏览数据”按键即可。

或者单击浏览器上的扳手-->选项-->高级选项-->隐私设置一栏中的清楚浏览数据 之后重复上面的步骤。

时间: 2024-10-03 09:14:23

浏览器缓存的作用,如何使用,如何清除。的相关文章

js清除浏览器缓存

浏览器缓存 所有的数据都可以存到服务器中,但这样并不高效,当我们访问网页的时候,一会卡顿,二会浪费服务器的存储空间,三会给服务器造成压力 浏览器缓存,可以提高网站性能和浏览器的速度,但对于需要经常更新的网页来说,缓存导致用户无法显示更新后的样式 如何通过js清除缓存? 随机数 脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别. 即路径或者文件名后的随机数对于文件来说 等价于但浏览器会认为他是 该文件的某个版本! 客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改

手机网页调试·清除浏览器缓存的方法

在手机里调试网页的时候,总是为清除缓存烦恼.特别是QQ浏览器.最后甚至有同学开发出了Android下一键清除清除各种浏览器缓存的APP,但需要root,且每次耗时不短.最后经过尝试,发现了一个方便.有效的方法.那就是利用HTTP的响应头,强制浏览器不缓存资源. NodeJS 中的实现方法: NodeJS中可以通过设置一下方法设置响应头 res.setHeader("CacheControl", 'no-cache'); res.setHeader("Expires"

清除浏览器缓存的方法

清除浏览器缓存的方法 1 避免HTML页面缓存  在页面中的<head></head>中添加 <meta HTTP-EQUIV="Pragma" CONTENT="no-cache"> <meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache"> <meta HTTP-EQUIV="Expires" CONTE

js清除浏览器缓存的几种方法

关于浏览器缓存 浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能.但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些 错误的数据.像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的.今天主要介绍清除缓存的几种方法. 清理网站缓存的几种方法 meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP

JS清除IE浏览器缓存的方法

本文为大家详细介绍下js中自动清除ie缓存的几种方法,大家可以根据自己的需求自由选择适合自己的,希望对大家学习js有所帮助 js中自动清除ie缓存方法 — 常用 对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了. 但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做? 方法一:Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方

清除浏览器缓存

meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0"> jquery a

如何清除浏览器缓存?

web开发中经常遇到一些很奇怪的问题,例如,发现了问题,改了脚本,结果发布后,问题依然存在,但在服务器上一看,发布的脚本确实改了!!最后才发现,是浏览器缓存在作怪!! 现在讨论几种清除浏览器缓存的方法. 一种原理是HTTP Header 参数Cache-Control来清空缓存,另一种是利用URL上添加查询字符串来欺骗浏览器强制从服务端读取数据,避免缓存. 1利用HTTP协议清空 Cache-Control 的参数包括: max-age=[单位:秒 seconds] - 设置缓存最大的有效时间.

前端开发JavaScript清除浏览器缓存的方法

查看和删除浏览器缓存的方法=====>打开 最近在开发项目中发现有时候总要频繁地清除浏览器缓存,不然总是显示的过时的信息 浏览器缓存有利有弊,有些数据需要缓存下来使得页面打开更快提高网站性能,但有些缓存内容又必须清除,缓存可能会导致一些错误数据被展示. 介绍一些清除浏览器缓存的方法: 方法一:利用meta标签 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV=&quo

静态页面清除浏览器缓存

在做官网开发中出现静态页之后,即使发布了新的版本之后,还是会读取浏览器缓存,导致页面不是最新页面. 解决措施: 1.meta方法: <meta htpp-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache,must-revalidate"> <meta http-equiv=&q