HTML、CSS、Javacript、浏览器清除缓存几种方法

本文介绍了在开发中遇到的HTML、CSS、JS缓存问题及其解决方案。通过设置HTTP头信息、添加URL参数、使用随机数、添加版本号以及利用Ajax和JavaScript方法,可以有效地避免浏览器缓存旧内容,确保用户获取到最新的页面信息。
摘要由CSDN通过智能技术生成

本人在开发推广页中经常会遇到HTML、CSS、JS、浏览器缓存问题,如:推广页内容不断维护更新、不可能让用户自己清除缓存数据而更新内容,用户体验很不友好。所以必须开发人员处理好缓存问题。下面整理清除缓存几种办法。

1、用HTML标签设置HTTP头信息
<meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content=" no-cache" > <meta http-equiv="expires" content="0" >

说明:HTTP头信息“Expires”和“Cache-Control”为应用程序服务器提供了一个控制浏览器和代理服务器上缓存的机制。HTTP头信息Expires告诉代理服务器它的缓存页面何时将过期。HTTP1.1规范中新定义的头信息Cache-Control可以通知浏览器不缓存任何页面。当点击后退按钮时,浏览器重新访问服务器已获取页面。如下是使用Cache-Control的基本方法:
  1) no-cache:强制缓存从服务器上获取新的页面   2) no-store: 在任何环境下缓存不保存任何页面
  HTTP1.0规范中的Pragma:no-cache等同于HTTP1.1规范中的Cache-Control:no-cache,同样可以包含在头信息中。

通俗点:HTML页面配置meta方法实现浏览器清除缓存

2、在需要打开的url后面增加一个随机的参数:
例如:
css缓存问题

css样式: 增加之前url='css/style.c
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值