微信公众号H5或者H5内嵌安卓webview——调试工具和缓存问题

1、vConsole的使用
在此类开发中,最麻烦的是上测试环境调试;这边使用的是vconsole;
方法:在index.html中 cdn引入vconsole后初始化即可
<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
console.log('Hello world');
</script>

2、缓存问题
遇到的问题:在公众号H5中每次部署测试环境之后,都需要手动清除缓存并关闭微信重新打开才能出现最新的内容
解决方案:
1)index.html中增加取消缓存的mate标签;强制每次获取js、css都响应200,而不是走缓存
code:
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
2)前端内部的缓存解决了,但是index.html文件的缓存还未解决;
nginx配置,请求index.html时,增加响应头Cache-Control "no-cache, no-store";
code:
location = /index.html {
add_header Cache-Control "no-cache, no-store";
}

posted @   Math点PI  阅读(775)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示