1.清除缓存问题
代码角度
(1) html缓存
<!DOCTYPE html>
<html manifest="IGNORE.manifest">
此方法有奇效!
(2) css,js文件缓存: 增加版本号
手机角度
iOS：设置-通用-存储空间-清理
安卓：设置-通用-微信存储空间（进入时自动清除缓存）
特别的:最近开发中遇到localStorage在部分安卓手机下清理不掉的问题,具体原因未知,处理办法:
(1) 在js头部统一做了localStorage.clear();
(2) 访问http://debugx5.qq.com/,滚动至页面最下方手动选中清除,亲测有效!
2.字体问题
微信安卓版 7.0.10 版本起，网页的字体会跟随微信设置里的字体大小更改而变化。
移动端用rem做适配时,主要依据html元素的font-size;目前更新版本后,用户手动设置微信的字体大小,原有html的font-size会发生改变;假设页面正常时是100px,此时如果用户设置的为大字体,可能font-size会变为120px;此时如果有些宽度布局用的rem单位,可能会发生布局超出屏幕或者布局错乱的现象;
目前解决方案是采用了vw-vh布局;
注意:ios用户不受此影响;
3.微信页右上角菜单配置(分享菜单的显示与隐藏;分享的头像、标题等等)
首先引入https://res.wx.qq.com/open/js/jweixin-1.2.0.js(需引入合适的版本);
/*通过config接口注入权限验证配置*/
wx.config({
debug: false,
appId: '',
timestamp: '',
nonceStr: '',
signature: '',
jsApiList: [
// 所有要调用的 API 都要加到这个列表中
'openLocation',
'getLocation',
'onMenuShareAppMessage',
'showMenuItems'
]
});
/*config信息验证后会执行ready方法*/
wx.ready(function () {
wx.showMenuItems({
menuList: ['menuItem:share:appMessage'] // 要显示的菜单项
});
wx.onMenuShareAppMessage({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: '', // 分享图标
type: '', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户点击了分享后执行的回调函数
}
});
/*获得当前所在位置经纬度*/
wx.getLocation({
});
});
网友评论