刷新网站页面缓存

最近博主在修改博客统计小工具的CSS样式的时候发现一个Google Chrome浏览器缓存的问题,事情是这样的。

博主把CSS样式添加到主题的CSS样式表中后,刷新网站页面,发现新增的CSS样式并没有生效,通过Ctrl+U进入CSS样式中心发现并没有博主添加的CSS样式。

但是从FTP中下载的CSS样式却有新增的CSS样式,这下博主明白了,虽然FTP中的CSS样式能正确显示新增的CSS样式,但是因为缓存的原因,站点调取的还是网页的缓存CSS样式,并没有从服务器中调取最新的CSS样式。

缓存介绍

缓存是一项在计算机中广泛用来提高性能的技术,它将访问频率高或构造成本高的数据保留在内存中,在缓存有效期内对该数据的访问可以直接从内存中读取,而不必重复执行,这样既节省了系统资源,又提高了网页加载速度。

怎么刷新浏览器缓存

知道是Google Chrome缓存的问题,那就好解决了,刷新一下网页缓存就可以了。

一般常用的网页刷新有三种方法,F5、?、Ctrl+F5

  1. F5是普通的网页刷新,这种做法是直接从浏览器缓存中调取资源代替服务器的请求

  2. ?是英文输入发下的?号,在网址后面加上英文状态下的?同样可也实现网页缓存刷新,效果和F5相似。

  3. Ctrl+F5是强制刷新网页,目的是告诉搜索引擎不要从浏览器缓存获取资源,直接从服务器获取最新的信息

  4. 通过使用F5刷新网页后博主发现还是没有效果,那就只能使用第二种方法了

  5. 按住Ctrl再按F5,当刷新第一遍的时候就发现新增CSS样式生效了

  6. 果然是Google Chrome缓存搞的鬼,这下问题就解决了

小细节:F5和?是直接从浏览器获取缓存,不产生任何流量;Ctrl+F5强制刷新需要从服务器重新获取信息,会产生一定的流量。

Chrome官方推荐强制刷新缓存快捷键

Mac OS系统: Cmd+Shft+R

Windows和Linux操作系统: Shift+F5 或 Ctrl+Shift+RCtrl+F5

博主温馨提示

如果以上方法无法解决你的问题,你还可通过“开发者工具”来清除浏览器缓存。

按下F12打开“开发者工具”,把鼠标移到“Refresh”(刷新)按钮上,右击鼠标,点击“清空缓存并硬性重新加载

版权声明:若无特殊注明,本站文章皆为王金亮博客原创,转载请保留文章出处。

(0)

相关推荐