微信公众号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";
}
本文来自博客园,作者:Math点PI,个性签名:“不写bug怎么进步?”,转载请注明原文链接:https://www.cnblogs.com/MrZhous/p/16921287.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY