浏览器的刷新和硬刷新

山人 · 发表于 2023-4-1 08:34

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

浏览器都有对网页进行刷新操作，而且存在刷新和硬刷新两种方式。可以使用纯快捷键、（快捷键）+鼠标等方法进行操作：

一、纯快捷键操作

刷新：F5
硬刷新：Ctrl+F5

二、鼠标（配合快捷键）操作

刷新：点击刷新按钮
硬刷新：按下Shift键+点击刷新按钮

* 刷新按钮一般放在浏览器左上方，鼠标指针移上去会有文本提示。

浏览器的刷新行为针对本地缓存数据记录，刷新过程对服务器的依赖不强烈，甚至可以不与服务器发生对话，所以从某种程度上看，基本不产生流量。刷新通常用于解决页面初始化问题，换言之就是让页面回到刚打开时的样子。刷新的作用也针对浏览器渲染问题，比如说浏览器将网页数据都下载了但因种种原因导致页面排版出现混乱，这是刷新一下会强制浏览器对本地缓存数据进行梳理，页面马上能正常。

硬刷新是一种强制刷新，它将强制浏览器重新从服务器下载网页的所有数据。硬刷新操作在网页开发者中较常使用，因为浏览器为了尽可能减少与服务器的会话次数，一般在打开一张网页过程中会将所有依赖性数据下载到本地缓存区，下次打开同一张网页时主要就在缓存区中提取数据，而当开发人员修改了独立存储的网页依赖性数据时，普通的刷新或重新打开行为不会重新下载新修改的独立存储的数据，所做修改在浏览器中看不到效果，此时，开发人员会按下 Ctrl+F5 或按下 Shift 键再点击刷新按钮，浏览器就会重新全部下载独立存在的网页依赖性数据，新修改的数据就出效果了。硬刷新也可以用于处理网页打开时排版混乱等问题。

* 一张网页，可以只是一个文档，但这种情形其实很罕见。通常，网页所需的层叠样式表（CSS）、交互功能支持文档（JS）、媒体（图像、音频、视频）一般都独立于页面而存在。这些文档也页面自身构成浏览器中你所看到和听到的样子，它们，在页面打开时，都一股脑儿地被下载到浏览器的缓存区中，方便下次再打开或刷新此页面时调用，避免反反复复从服务器下载数据；页面自身的数据也同样被以文档形式放在缓存区中，不同的是，它里面的数据更改，浏览器会立即识别，普通刷新便出效果。