微信公众号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

浙公网安备 33010602011771号