微信H5项目几个坑点

自建博客文章链接:http://www.heblogs.cn/articleDetails/60fa205ab69f2b0a1af64739
1.ios上拉边界下拉出现白色空白
解决:部分禁止拖动部分 部分下拉刷新上拉加载

2.页面放大或缩小不确定行为
解决:index.html页面加上viewport的meta 最大最小1.0 禁止缩放等

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no"/>

3.ios软键盘弹起回将页面顶起 安卓软键盘弹起页面不顶起但是页面高度缩小
1.进页面用ref获取该页面高度 在动态给dom绑定高度
2.监听页面高度编号 在失焦时强制恢复弹出前的位置
4.iphone x以上全面屏设备会有安全区域
viewport-fit=cover vant会自适应 不用自己写

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover,user-scalable=no"/>

5.ios的点击延时
safari有双击缩放 300ms 用touchstart 代替click

6.公众号注入config问题
config注入需要在公众号配置安全域名和 白名单ip 配置号安全域名 本地的项目前缀也需要跟安全域名一致才能注入成功

7.sdk使用问题
部分sdk在微信开发者工具是不能调试的 比如微信支付 内置地图

8.微信支付sdk问题
package参数提交格式比较特殊 以及需要在微信商户平台把当前余美授权 授权域名后面要加根 /

Guess you like

Origin blog.csdn.net/weixin_45815859/article/details/108626991