h5页面的缓存问题

最近遇到一个灵异事件

h5页面更新了js,在APP内部分登录用户可看新js渲染页面,另外登录用户看到是老js渲染的页面

js上线前会build带上hash,hash方式采用 aaa-1s12jashdjas.js 方式

用户手动清除APP缓存,重新登录后,进入页面的渲染方式正常

1、开始排查流程,前端修改了不规范的代码格式,再次上线仍可复现

2、疑似nginx有缓存html文件,找运维排查,nginx没有缓存该html页面

3、又排查nginx配置问题,再次上线部署,仍可复现

4、疑似CDN的问题,遂刷新CDN,仍然有问题

5、怀疑CDN刷新不成功,遂去掉该页面的CDN缓存,当然还是有问题

6、抓包查看,APP内访问该页面时,只请求了接口数据,并未去请求接口数据

7、遂找APP开发咨询,APP内h5页面统一使用默认html方式缓存页面,如果js有更新会去获取新的js,但是实际并没有去获取

所以当前需排查的问题:是APP缓存了html?还是服务端做了想要设置导致APP缓存未过期?

问题还在排查中,待更新

原文地址:https://www.cnblogs.com/fenglovellx/p/9245842.html

时间: 2024-10-09 09:44:26

h5页面的缓存问题的相关文章

判断页面是原生页面还是H5页面

1.在开发者工具中找到 显示布局边界(Android一般系统自带,ios部分公司小工具中可找到) 原生页面红线特别多,布局很规范 H5页面中间一大部分没有红线,只有页面边缘有红线 2.断网 原生页面仍会正常展示 H5页面会404.错误页面 3.查看进度条 H5页面部分顶部有加载进度条:部分也没有进度条 4.交互性 H5页面交互性较差 原生页面比较好:例如弹层.滑动删除会话 5.流量与缓存 H5页面做缓存的较少:消耗流量也较多,加载资源较多 原生页面可做缓存,流量消耗较少 6.跨平台 H5页面跨平

第三方网站返回hybrid app H5页面缓存问题应对策略

最近负责公司各产品线购买模块的开发,各项功能如期开发完成后测试那边反馈回来一个问题:IOS手机在点击支付宝购买后,跳转到支付宝网站时不输入支付密码,直接点返回,返回到我们自己的APP购买界面发现参数丢失,数据都没有了,不能完整的还原整个购买界面,安卓手机不存在这个问题.经排查,原来是苹果手机的缓存策略导致,从第三方支付宝网站返回后,苹果手机缓存了无参数的购买页面,导致返回的时候不再发送post请求去服务器请求数据,只是get了一个无参数的页面,导致异常. 这个问题比较棘手,因为我们已经使用了co

iOS原生App与H5页面交互

文/MikeZhangpy(简书作者)原文链接:http://www.jianshu.com/p/4ed3e5ed99c6著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”. 最近在做一个项目用到了原生App与H5交互,之前有做过简单的H5页面直接调用原生方法的例子,就是利用UIWebView中的代理方法 //webview每次加载之前都会调用这个方法,利用该代理方法截取JS的href来调用原生的方法 - (BOOL)webView:(UIWebView*)webView should

混合app开发,h5页面调用ios原生APP的接口

混合APP开发中,前端开发H5页面,不免会把兼容性拉进来,在做页面的兼容性同事,会与原生app产生一些数据交互: 混合APP开发,安卓的兼容性倒是好说,安卓使用是chrome浏览器核心,已经很好兼容H5页面,而且运行机制也是能够同步运行:但ios上就没那么容易了:. 在此我就不说兼容安卓的问题,只把ios问题说说: 问题1:H5调用ios接口,ios需要初始化,js代码在ISO上只运行一次 解决: 本人使用是angular框架搭建的H5页面 var ua = navigator.userAgen

[转]h5页面测试总结

转自http://www.blogjava.net/qileilove/archive/2014/07/24/416154.html?utm_source=tuicool H5页面测试总结 其实经过几次H5页面测试之后,发现存在很多共同的问题,所以在此对H5页面的测试点(以及容易出问题的点),做一个总结,给开发同学自测,以及准备入手H5测试的同学一个参考. 1.业务逻辑相关 除基本的功能测试之外,H5页面的测试,需要关注以下几点: 1.1 登陆 目前H5与native各个客户端都做了互通,所以大

iOS原生App与H5页面交互笔记

iOS原生App与H5页面交互笔记 字数390 阅读2204 评论1 喜欢25 最近在做一个项目用到了原生App与H5交互,之前有做过简单的H5页面直接调用原生方法的例子,就是利用UIWebView中的代理方法 //webview每次加载之前都会调用这个方法,利用该代理方法截取JS的href来调用原生的方法 - (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigatio

H5页面的基本测试点

优势: H5可以跨平台使用,开发成本相对较低 H5可随时上线就更新版本,适合快速迭代 H5可以轻量的触达用户,提供更便捷的服务 在微信入口或者浏览器上,用户只需点开链接就可以获取我们锁提供的服务 劣势: H5->app的转化强依赖于浏览器 H5目前基本无法将数据存储在本地,依赖实时性数据,网络状态不好的时候卡到哭. 性能相对较低,影响用户体验 如何判断是否是H5页面: 基本上只要对那个view长按,然后看是不是有反应,比如手机震动(Android).或者出现文字选择粘贴(Android/iOS)

移动web:原生开发打包,嵌入h5页面 webApp:全部都是H5开发的应用 混合APP:使用第三方开发平台从apicloud,appcan,hbuilder等开发,cordova技术打包 原生APP:就是eclipse开发或者studio等工具开发

论坛43213 移动端webApp兼容问题解决 谈谈App混合开发 Hybrid APP混合开发的一些经验和总结 PhoneGap是一个采用HTML,CSS和JavaScript的技术,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能--包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用. Cordova提供了一组设备相关的

H5页面测试点总结

如何判断是否是H5页面: 基本上只要对那个view长按,然后看是不是有反应,比如手机震动(Android).或者出现文字选择粘贴(Android/iOS),那么就是WebView! 横屏竖屏相互切换,能自适应,并且布局不会乱掉: H5的页面在PC端也是能访问的,chrome对H5支持最好,功能的测试可以在PC端chrome下先测试,也可以在手机上直接测试,这个看个人习惯.(ie系列包括ie8,及以下都支持的不好,这个可以与PD确认H5页面在这些PC浏览器上不支持) 1.UI测试 ①查看所有页面展