HTML & Web项目 清除浏览器缓存(jpg、png、js)


前言

最近接到需求,需要把所有登录网站的logo、图片、版权等进行更新替换。在发布到iis服务器后,发现用本地浏览器访问还是未更改前的界面(缓存)。必须要手动清除浏览器缓存才能解决,这样给用户体验感不是很好。所以在网上找了一些解决方案,希望能帮助到像我这样的新手小白们。


一、iis 清除缓存

首先我们在IIS中,展开网站的目录结构,选择 “images” 文件夹,然后在右边双击打开 “HTTP响应标头”,如下图所示:

在这里插入图片描述
鼠标右键菜单选择 “设置常用标头”,如下图所示:
在这里插入图片描述
勾选 “使Web内容过期”,单选 “立即”,最后点击 “确定” 即可,如下图所示:
在这里插入图片描述
HTTP响应标头设置完毕后,我们还需要设置一个 “输出缓存” ,如下图所示:
在这里插入图片描述
鼠标右键菜单选择 “添加”,这里会弹出 “添加缓存规则” 窗口,首先填写 “文件扩展名”,然后 “勾选” 并 “单选” 下方截图的选项,最后点击 “确定” 即可,如下图所示:
在这里插入图片描述

二、html 添加meta标签和随机数

meta标签

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache, must-revalidate">
    <meta http-equiv="expires" content="0">

随机数

<script src="~/Scripts/xxx.js?r="+Math.random()></script>

三、controller 清除视图缓存

public ActionResult SearchCommunityPopulation()
{
        //禁止页面被缓存
        Response.Cache.SetCacheability(HttpCacheability.NoCache);
        Response.Cache.SetExpires(DateTime.Today.AddYears(-2));
        return PartialView("Index", 数据源);
}

参考链接

如何禁止IIS缓存静态文件png,js,html等:点击查看
asp.net mvc 清除视图缓存:点击查看

请作者喝杯咖啡吧

如果本文对你有帮助的话,可以请作者喝杯咖啡~

微信支付宝
在这里插入图片描述在这里插入图片描述
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
web项目中,页面缓存清除是指从浏览器缓存中删除已缓存页面数据,以便在下次访问相同页面时重新获取最新版本的页面内容。这样可以保证用户能够看到最新的页面展示,而不是过时的缓存数据。 传统的做法是通过手动刷新浏览器来清除页面缓存,但这种方法需要用户主动操作,不够便捷。为了解决这个问题,我们可以借助一些技术手段,实现自动清除页面缓存,而不需要每次刷新浏览器。 一种常见的方法是在网页的URL中加入一个时间戳或版本号参数。当页面内容发生改变时,例如更新了CSS样式或JS脚本,我们可以通过修改URL中的时间戳或版本号,使浏览器认为该页面是一个新的资源,从而强制重新加载页面内容。 另一种方法是使用HTTP响应头中的Cache-Control和Expires字段。通过设置这些字段的值为0或一个未来的日期,我们可以指示浏览器在访问该页面时不要使用缓存,而总是重新从服务器获取最新的页面内容。 除了以上两种方法,我们还可以使用一些前端开发框架或工具,如React、Angular或Vue.js等,在开发过程中自动处理页面缓存清除。这些框架通常具有自动或手动的缓存清除机制,可以根据开发者的需求灵活配置。 总结来说,为了实现页面缓存清除,不需要每次刷新浏览器,我们可以通过在URL中添加时间戳或版本号参数、为HTTP响应头定义适当的缓存控制字段、或使用前端开发框架来自动处理缓存清除。这些方法都可以确保用户在访问web项目时能够得到最新的页面内容,提供更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值