H5页面，js，图片等缓存造成问题解决

最新推荐文章于 2024-05-03 17:34:42 发布
最新推荐文章于 2024-05-03 17:34:42 发布
阅读量3.7k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangdl6/article/details/87601769
版权

H5页面，js，图片等缓存造成问题解决

多方面查询，有几个方案

方案一：不能完全解决问题，js和图片还是会有缓存

<HEAD>

<META    HTTP-EQUIV="Pragma" CONTENT="no-cache">

<META    HTTP-EQUIV="Cache-Control" CONTENT="no-cache">

<META    HTTP-EQUIV="Expires" CONTENT="0">

</HEAD>

方案二：针对图片缓存，（场景，图片img.jpg有变化，上传新图片命名还是img.jpg时，有缓存,需要用户浏览器多次刷新，才会展示新的图片）。此时可以将新的img.jpg重命名为img01或者其他，此时浏览器就会监测到图片变化，用户看到的也是最新的。

方案三：url缓存问题：类似下面的js，可以在后面加?time=new Date()解决缓存

<script src="/js/activity/volunteer/volunteer.js?time=new Date()"></script>
三人行，必有我师！！！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
h5 本地缓存
06-06
h5 缓存技术例子欢迎下载观看
浅谈iOS UIWebView对H5的缓存功能
01-06
这两天在搞与H5交互的事，之前做的都是加载的静态的web页面，交互调试起来很快，这次搞的是js写的前端页面，跳转什么的都是动态的，然后就不响应了，搞了半天原来是缓存的问题，这里简单介绍一下，一般请求会使用...
vue手机端h5 html页面引入meta标签 解决h5页面重新发布后缓存上次文件的问题
李小乐er
12-11 1354
在根目录的index.html head标签里引入如下内容 可解决因为浏览器缓存文件的问题 <metahttp-equiv="Cache-Control"content="no-cache,no-store,must-revalidate"/> <metahttp-equiv="Pragma"content="no-cache"/> <metah...
UniApp H5端图片缓存问题（从本地加载）
最新发布
qq_46797048的博客
05-03 337
最近自己在做一个博客类型的练习项目，因为网站没有备案无法使用cdn加速图片，所以每次进入网站时图片都加载的巨慢。因此，我想到了将图片的base64格式的数据存到本地（即浏览器）。刚开始我是用的localStorage存储数据，但是localStorage最多只能存储5M，后来我了解到还有没有存储限制的indexedDB来存储，我采用的是localforage对其进行简单的增删改查数据。
html，js文件缓存解决,html是如何实现自动清理js、css文件缓存的
weixin_29380121的博客
06-05 673
html是如何实现自动清理js、css文件缓存的发布时间：2020-04-09 10:08:05来源：亿速云阅读：106作者：小新html是如何实现自动清理js、css文件缓存的？很多人都不太了解，今天小编为了让大家更加了解自动清理js、css文件缓存的方法，所以给大家总结了以下内容，一起往下看吧。方法如下：1、手动清除浏览器缓存；2、添加版本号(如 layout.css?v=1)个人认为方法2更...
html获取缓存数据库,HTML5的localStorage缓存详解
weixin_30831105的博客
06-04 649
HTML5加入了localStorage，作为客户本地存储文件，之前用cookie，但是每条cookie空间为4KlocalStorage支持5M一张图了解下客户端浏览器的存储发展史 浏览器支持情况FeatureChromeFirefoxInternet ExplorerOperaSafariAndroidOpera MobileSafari MobilelocalStorage43.5810...
h5缓存
dada_master的博客
11-18 912
h5提供存储的api 浏览器端的存储 服务器端的存储有 cache，磁盘文件（图片），数据库，内存（存储缓存） 1. cookie及其缺点 cookie是http请求的头部必须带着，请求头带有存储信息，子域名的访问会造成主域名的污染，页面浏览速度慢，导致安全隐患 客户端存储的大小（4k）限制，可以将身份验证和购物车存储放在cookie中 2.本地存储localstorage&&sess
HTML5 使用localStorage本地缓存图片
热门推荐
u013170178的博客
12-04 1万+
在网站上找到了一些localStorage的实例，但是都无法直接使用，研究了一下。现在把案例贴出来。 案例如下： locstorage 图片存储       var gsFiles = JSON.parse(localStorage.getItem("gsFiles")) || {}; var a = document
使用微信内嵌H5网页解决JS倒计时失效问题
10-20
综上所述，解决微信内嵌H5网页中的JS倒计时失效问题，关键在于防止浏览器缓存以及确保在页面重新激活时能正确获取服务器的最新数据。通过禁用缓存、实时更新或存储恢复等方式，可以有效地避免这类问题，从而提供良好...
解决ios下h5锁屏时倒计时停止问题
10-15
在iOS平台上，H5应用面临一个独特的问题：当设备被锁定或进入后台模式时，JavaScript引擎将暂停执行，导致依赖JavaScript的实时功能，如倒计时、定时任务等，会停止工作。这个问题对于那些需要在后台持续运行的任务...
图片展示_微信小程序模板js代码前台前端H5页面源码.rar
08-09
标题中的“图片展示_微信小程序模板js代码前台前端H5页面源码.rar”表明这是一个用于创建图片展示功能的微信小程序模板，其中包含了JavaScript（js）代码以及前端H5页面的源码。这个压缩包文件“weapp-51Meizhitu-...
图片img的src不变让浏览器重新加载实现方法
12-09
javascript给这个img标签的src属性后面拼接一个 ? 和 javascript对象new Date().getTime()毫秒值做成queryString的样子，就能防止被缓存了在图片地址src不变的情况下让浏览器重新加载图片 实际上，在src不变时，浏览器直接就去读取缓存了 解决办法： var img_src =’http://huoche.7234.cn/images/jb51/gi2rp4tu0vm.jpg?t=’+Math.random(); 这样给图片地址拼接一个随机数，用js重新给 img 的 src 赋值，okay
使用跨平台技术h5plus实现应用图片本地缓存
chujuejie9271的博客
01-28 331
在大哥王（andy）神一样的带领下，我们牛逼闪闪的走上了使用h5plus技术实现跨平台技术开发的道路，一路高歌！！！ 下面我要分享的内容是如何实现图片本地缓存。 废话不说，直接看代码： /** *声明获取图片的方法 *@param{Object}picUrl图片的网络地址 ...
h5 缓存机制
weixin_42235173的博客
02-22 3936
浏览器缓存机制 http缓存指的是: 当客户端向服务器请求资源时，会先抵达浏览器缓存，如果浏览器有“要请求资源”的副本，就可以直接从浏览器缓存中提 取而不是从原始服务器中提取这个资源。 常见的http缓存只能缓存get请求响应的资源 浏览器缓存机制是指通过 HTTP 协议头里的 Cache-Control（或 Expires）和 Last-Modified（或 Etag等字段来控制文件缓存的机制。 总结 协议 缓存有效时间 标识位 辅助 无修改 有修改 优先级 http 1.1 Cache-
JS去除图片缓存
dxyzhbb的博客
05-19 2820
在Web网站中,有时候修改图片显示仍然不是最新的,这是由于浏览器对图片的缓存造成. 1.给图片url添加随机数参数,使浏览器每次重新请求图片(但是在IE浏览器中,缓存有可能还是不能清除,可以使用下面第二种方法) HTML代码: <div class="login_main"> <div class="login_ptxt"> <div class="login_p"> <img alt=\"用户
android h5游戏图片不缓存,H5小游戏资源缓存方法与流程
weixin_35693014的博客
05-28 657
本发明涉及H5资源缓存领域，尤其涉及H5小游戏资源缓存方法。背景技术：随着移动互联网的发展和手机硬件性能的不断提升，H5小游戏这种不需要下载安装即可使用的全新游戏应用得到了爆发式发展。这种用完即走的方式充分节省了用户的手机空间。但是，随着H5小游戏美术品质的提升，用到的各种游戏资源越来眼都花了多，从而导致用户加载资源的时间变长，游戏卡顿和闪退率变高，游戏业务逻辑变化会频繁加载释放资源，手机流量消耗...
页面js和图片缓存处理办法
STR少寒的博客
01-26 1573
页面js和图片缓存处理办法
H5页面缓存详解
长云的博客
02-06 2330
H5页面缓存详解： http://blog.csdn.net/heyi881217/article/details/50561346
微信页面h5缓存问题
sun_xuegang的博客
01-22 1137
问题描述：有的手机在访问微信页面时, 会出现白屏现象 原因：微信有缓存，导致不能拉取最新的静态资源 解决方法：在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
微信h5 缓存问题解决
05-27
微信H5的缓存问题主要是由于微信客户端对H5页面进行了缓存，导致页面更新不及时。解决方法如下： 1. 在页面头部添加meta标签，使页面不被缓存： ``` <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0"> ``` 2. 修改页面URL，使页面每次打开都是新的URL，从而不被缓存： ``` window.location.href = window.location.href + '?time=' + new Date().getTime(); ``` 3. 使用微信提供的JS API，调用微信清除缓存接口： ``` wx.clearCache(); ``` 以上方法可以有效解决微信H5缓存问题，从而保证页面更新及时。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值