app内嵌H5 webview 本地缓存问题的解决


Posted in HTML / CSS onOctober 19, 2020

前文

APP内嵌H5已经很普遍了,但是每个app提供的webview表现都不太一样,在开发中遇到了一个非常棘手的缓存问题。APP启动时加载了我们商城项目的H5代码,然后把index.html文件缓存到了本地。
记录一下

问题表现

H5项目打包上线后,由于静态资源js和css文件名后面都带了哈希值,这是webpack打包带上的,也是为了=防止缓存。但是在app启动后由于缓存了html请求的还是上个版本包的静态资源,导致index.a878n.js找不到404,页面吧白屏了。-----我们H5项目打包上线后,服务器上上个版本的代码就清掉了。

解决办法

我们一开始给html加上了一段随机数,就是app加载到html时,在url后面加随机数,但是发现webview的html缓存,导致我们的js修改是更新不上的。
最后解决方案是,app端加载项目时在域名后加时间戳并升级app才可。

为了避免这种问题出现,那就是项目首次上线时就要在html内给url加上随机数,让webview不缓存html到本地。

前端大佬给推荐的是一开始就要配置nginx ,强制不缓存html

location / {
      expires -1;
      add_header 'Cache-Control' 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
      try_files $uri $uri/ @router;
      index index.html;
    }

到此这篇关于app内嵌H5 webview 本地缓存问题的解决的文章就介绍到这了,更多相关app内嵌Html5 webview 本地缓存内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

HTML / CSS 相关文章推荐
发现两个有趣的CSS3动画效果
Aug 14 HTML / CSS
CSS3实现swap交换动画
Jan 19 HTML / CSS
CSS3毛玻璃效果(blur)有白边问题的解决方法
Nov 15 HTML / CSS
纯CSS3制作的鼠标悬停时边框旋转
Jan 03 HTML / CSS
HTML+CSS3+JS 实现的下拉菜单
Nov 25 HTML / CSS
关于HTML5的安全问题开发人员需要牢记的
Jun 21 HTML / CSS
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
Jan 06 HTML / CSS
html5的自定义data-*属性与jquery的data()方法的使用
Jul 02 HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 HTML / CSS
HTML5响应式(自适应)网页设计的实现
Nov 17 HTML / CSS
解决HTML5中滚动到底部的事件问题
Aug 22 HTML / CSS
用position:sticky完美解决小程序吸顶问题的实现方法
Apr 24 HTML / CSS
使用HTML5做的导航条详细步骤
Oct 19 #HTML / CSS
利用Node实现HTML5离线存储的方法
Oct 16 #HTML / CSS
HTML+CSS+JavaScript实现图片3D展览的示例代码
Oct 12 #HTML / CSS
HTML5逐步分析实现拖放功能的方法
Sep 30 #HTML / CSS
移动端HTML5 input常见问题(小结)
Sep 28 #HTML / CSS
HTML5超文本标记语言的实现方法
Sep 24 #HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
Sep 23 #HTML / CSS
You might like
php的大小写敏感问题整理
2011/12/29 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
PHP 7安装调试工具Xdebug扩展的方法教程
2017/06/17 PHP
JS宝典学习笔记(下)
2007/01/10 Javascript
用javascript对一个json数组深度赋值示例
2014/07/27 Javascript
jQuery实现鼠标划过添加和删除class的方法
2015/06/26 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
浅谈JavaScript的内置对象和浏览器对象
2016/06/03 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
react.js组件实现拖拽复制和可排序的示例代码
2018/08/20 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
实例讲解vue源码架构
2019/01/24 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
使用异步controller与jQuery实现卷帘式分页
2019/06/18 jQuery
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
小程序如何定位所在城市及发起周边搜索
2020/02/11 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[03:14]辉夜杯主赛事 12月25日每日之星
2015/12/26 DOTA
haskell实现多线程服务器实例代码
2013/11/26 Python
django模板语法学习之include示例详解
2017/12/17 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
python 实现字符串下标的输出功能
2020/02/13 Python
pycharm实现猜数游戏
2020/12/07 Python
如何用Python进行时间序列分解和预测
2021/03/01 Python
.net笔试题
2014/03/03 面试题
出口公司经理求职简历中的自我评价
2013/10/13 职场文书
电脑教师的教学自我评价
2013/11/26 职场文书
应聘收银员个人的求职信
2013/11/30 职场文书
员工工作表现评语
2014/04/26 职场文书
争先创优公开承诺书
2014/08/30 职场文书
摩登时代观后感
2015/06/03 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书
导游词之海南-南湾猴岛
2019/10/12 职场文书
Python实现文字pdf转换图片pdf效果
2022/04/03 Python