解决微信H5缓存的问题，css缓存问题

最新推荐文章于 2024-06-24 10:40:59 发布
最新推荐文章于 2024-06-24 10:40:59 发布
阅读量1.4k 收藏
点赞数
分类专栏： CSS 文章标签： 缓存 css 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45316408/article/details/105555390
版权

时隔多年我又更新了,

今天遇到了一个微信H5一直都有缓存的问题的bug

每次更新过css代码之后 在手机微信访问 还会是之前的css样式 这个问题让我头大

于是想了个办法

解决方案就是加载css文件的时候跟上此文件的修改时间的时间戳就ok了,
只有在css文件变化的时候时间戳才会变化,不然的话就永远是同一个时间戳,也解决了每次都加载新文件时产生的流量过多的问题,

我认为是一个挺完美的解决方法… 如果有更好的方法也欢迎评论指点一下小弟 小弟感激不尽

Mr丶张某人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信公众号H5页面缓存问题（微信缓存了 index.html 入口）
qq_38743783的博客
05-13 8556
微信公众号H5页面缓存问题（微信缓存了 index.html 入口）
微信页面h5缓存问题
sun_xuegang的博客
01-22 1142
问题描述：有的手机在访问微信页面时, 会出现白屏现象 原因：微信有缓存，导致不能拉取最新的静态资源 解决方法：在nginx配置，去掉缓存 location /xxx { add_header Last-Modified $date_gmt; add_header Cache-Control ‘no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0’; if_modified_since off; expires off; etag o
记录微信小程序webview载入h5，localstroge缓存失效问题
最新发布
weixin_43073383的博客
06-24 391
经查找资料是内存不足、进程被杀、微信主动杀掉等原因被干掉以后，跟浏览器相关LocalStorage被清掉了。项目结构是微信小程序webview载入h5，有个功能是localstroge缓存登录证书。修改方法是h5的登录证书传给小程序，在每次载入h5时候，在url上拼接上证书信息。
微信中缓存太严重，H5页面在微信中加载css修改后无效
Bright2017的博客
06-02 2267
一直都知道微信中缓存比较严重，但是没想到这么严重。之前清理微信缓存，或者删除某条聊天记录后页面重载后还是会更新的。 这次比较严重，无论怎么刷新，清理缓存，打开页面都没有效果。 解决办法，为引入的css加上版本号即可，这样每次进入都会重新加载，而不是获取缓存。当然，仅在微信中使用。 <script type="text/javascript"> document.write("<link rel='stylesheet' type='text/css' href='/css/inde
如何解决HTML5页面js,css缓存问题
lupangdelu的专栏
02-11 1万+
我们开发web项目的时候，如果更新了某个css文件，部署到服务器，发现在浏览器访问的时候，并没有什么变化，这是因为浏览器缓存了之前的旧的css文件。如果过一段时间之后再访问，就会发现页面有了变化，这说明浏览器更新了最新的css文件。 那么怎么才能使我们修改的css或js文件立马生效呢？ 如果每次都强制更新最新的文件，这样做从效率上来讲又不是很好。我们还是希望有缓存的，只是当我们修改了文件之后，
解决顽固的微信缓存问题
bestcjt的博客
12-12 1万+
最近在写微信的网页，发现这微信的缓存真坑爹，很久的内容，居然一直缓存着不更新 百度了下，发现也有不少人困扰，我试了在index.html的head里加入以下代码后，发现不缓存了，太棒了，不过网上很多人都说加了也没用，但我确实加了后不缓存了，不过我后面把下面的代码去掉后，发现也不缓存了，奇怪，真做个记录吧，等以后再看看。 还有一个办法，就是在链接上加上?v=1这样，这也是个办法，
移动端H5页面的缓存问题
忧郁的蛋的专栏
07-03 4537
使用 HTTP 缓存头控制缓存: 可以使用 HTTP 头中的 "Cache-Control", "Expires" 或 "Last-Modified" 来控制浏览器缓存。当 H5 页面更新部署到 Nginx 服务器后，浏览器访问时可能出现空白页面，这是因为浏览器使用了缓存，导致页面加载的不是最新版本。前端页面缓存问题是指页面的静态资源（如图片、JS 和 CSS 文件）在浏览器中被缓存后，导致页面不能正确地更新或者加载最新的内容。清除浏览器缓存: 手动清除浏览器缓存，或者在浏览器中清除整站缓存。
微信h5小游戏源码
08-03
在微信H5小游戏源码中，canvas元素通常用于绘制游戏场景，而audio元素则可能用于播放背景音乐或音效。 2. **JavaScript编程**：JavaScript是实现游戏逻辑的核心语言，通过操作DOM（文档对象模型）来更新游戏状态。...
微信h5开发demo
08-14
微信H5应用需要处理用户数据，因此必须考虑安全问题。这包括防止XSS（跨站脚本攻击）、CSRF（跨站请求伪造）等网络攻击，以及对敏感信息如用户密码、支付信息的加密处理。 综上所述，微信H5开发涉及到前端技术的多...
H5微信小游戏源码-开心消消乐.zip
11-11
【标题】"H5微信小游戏源码-开心消消乐.zip"揭示了这是一个关于H5技术实现的微信小游戏，具体是“开心消消乐”的源代码。H5，即HTML5，是最新一代的超文本标记语言标准，它在移动设备上的应用广泛，尤其适合开发跨...
H5微信小游戏源码-小鸟飞飞飞.zip
11-11
《H5微信小游戏“小鸟飞飞飞”源码解析与技术探讨》 微信小游戏作为移动互联网时代的新宠，以其轻量级、易于分享的特点深受用户喜爱。本文将深入剖析名为“小鸟飞飞飞”的H5微信小游戏源码，旨在帮助开发者理解和...
微信支付H5界面代码.zip
06-22
微信支付H5界面是移动互联网时代，商家为了方便用户通过手机浏览器进行支付而设计的一种支付方式。本资源提供了一个完整的HTML5微信支付页面效果，包括自定义键盘、样式以及JavaScript实现，使得开发者能够快速集成...
微信H5、网页、内置Web浏览器 清理缓存，微信浏览器缓存
热门推荐
沐枫
10-30 2万+
写在前面： 网页浏览器为什么要有缓存浏览器缓存（baiBrowser Caching）？ 我们都知道，在浏览器中打开一个网址时会经过：URL 解析 -> DNS 查询 -> TCP 连接 -> 处理请求 -> 接受响应 -> 渲染页面等一系步骤后，并且在不出任何(如，网速太慢，突然断网，服务器出错，代码出错等)意外的情况下，页面内容才能正常的展现在我们眼前。 而且在网页中所加载各种资源，都要建立HTTP连接，客户端(浏览器) 和 服务器要经过三次握手，四次挥手，再经过DO
uniapp h5 微信缓存，解决版本更新还是旧版本的问题
王二的博客
09-11 4592
解决h5在微信中缓存，版本更新后还是显示之前的旧版本的问题
微信缓存css怎么清理,前端清除缓存方法（微信缓存引起的bug）
weixin_29865333的博客
08-03 1161
bug1：在新版微信中，部门安卓机子(华为)出现window.location.href/window.location.reload....等方法来刷新本页面链接，发现页面没有被刷新，经过排查，发现是因为缓存原因。解决方案：这时候给链接加一个时间戳来解决页面缓存！！！时间撮：var myDate = new Date(+new Date()+**).toISOString().replace(/...
微信公众号跳转H5(vue)有缓存不更新
callBack_____的博客
10-10 1090
是因为 微信浏览器缓存的问题 你打包之后最新的文件名 和之前的那版文件名 一样 浏览器就认为是之前的东西 就会从缓存里查找 怎么解决？每次更新H5有新功能 或者页面有变化的时候 打包之后 重新部署 公众号在跳转到H5 发现还是之前的版本 并没有更新 这是为什么那？将打包后的文件名 都加上时间戳。
微信h5页面跳转小程序及微信开放标签加载过慢问题
sinat_28660961的博客
08-06 1984
近期因项目需求，需要在原本的h5页面跳转到小程序页。分享一下步骤及避坑点。 微信的官方文档： https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html 1、配置域名 在所开发的公众号设置中里配置安全域名：【域名校验的时候还需要在当前域名服务器中上传文件进行验证】，因为是相关负责人员配置，没有截图。（已认证的服务号） 2、引入js文件 在需要调用JS接口的页面引入如下JS文件 （支持https） 我写在
H5小游戏在微信浏览器中缓存清除
月落星河
09-06 2456
微信清除浏览器的方式： 1.在你的好友输入框中输入debugx5.qq.com 2.出现一个x5的调试页面: 3.滑动到底部： 4.把下面的四个打上√ 5.点击清除 你的微信浏览器的缓存就清楚掉了，其实如果你不清楚浏览器的缓存的话，过一段时间，微信浏览器也会自动帮你清楚缓存的，不常用微信浏览器的同学就不必担心这样的缓存问题。...
微信小程序打开微信H5页面，体验版可打开，生产环境访问失败，无法访问该页面
海贼王某人的博客
02-08 4082
这里的校验文件只需要放在域名根目录下即可，比如我们要访问https://www.baidu.com,那校验文件就放在https://www.baidu.com/testFile.txt,这个校验完成后我们就可以访问此域名下的网页了，比如https://www.baidu.com/h5/index,或者https://www.baidu.com/test_h5,在绑定了域名，子域名都可以访问的，还有不明白的可以在下方留言。解决办法，在小程序后台找到开发管理，开发设置，往下拉，找到业务域名配置。
微信h5 缓存问题解决
05-27
微信H5的缓存问题主要是由于微信客户端对H5页面进行了缓存，导致页面更新不及时。解决方法如下： 1. 在页面头部添加meta标签，使页面不被缓存： ...以上方法可以有效解决微信H5缓存问题，从而保证页面更新及时。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值