1、一键复制链接原生方法对Ios的h5不生效(Ios需要用特殊的插件进行内容复制,感觉也是缓存原因导致复制失效),但是Ios和安卓的小程序都支持。(解决办法:使用插件ClipboardJS可以解决)。
//js代码块
handelCopy () {
const clipboard = new ClipboardJS('.opText'); //.opText为html类名,复制的内容就是该dom的数据
clipboard.on('success', function (e) {
Toast(`链接复制成功`)
e.clearSelection();
clipboard.destroy();
})
}
2、用sdk配置微信分享卡片之后,需要扫码进入链接或者公众号配置菜单之后才能测试到卡片分享。自己用拼接好链接点击进入微信H5无法生效。
3、Ios缓存原因导致分享卡片内容和链接和自己写的不一致。
要想实现微信h5卡片分享,必须使用js-sdk方法
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。(测试记得关掉)
appId: appId, // 必填,公众号的唯一标识
timestamp: String(timestamp), // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature, // 必填,签名,见附录1
jsApiList: ['updateTimelineShareData','updateAppMessageShareData', ] //可微信分享和朋友圈
分享
})
方法一:在Ios认证不通过的时候,重新再去认证一次,并重新加载页面(但是会导致页面加载变慢)
方法二:不在第一个页面做分享可以在加载对应页面的时候可以成功实现卡片分享并且链接和内容一致(进入第二个页面的时候再进行一次sdk获取权限),相当于更新了一次页面,并获得了
4、小程序和H5日期转换Ios不支持yyyy-mm-dd格式,但是支持yyyy/mm/dd格式,需要正则进行转换。某些苹果手机型号还是支持不到yyyy/mm/dd格式还需要进一步探究(目前iphone12好像不行)
5、Ios滑动卡顿问题,直接向下滑会出现滑动高度只有一点点的问题,最外层盒子加-webkit-overflow-scrolling:touch 会规避此类问题
6、小程序底部input弹出和聚焦的时候输入框错位问题,可以使用always-embed解决或者使用wx.onKeyboardHeightChange方法结合手机键盘高度解决
7、小程序switchTab方法跳转页面无法携带参数,只有把参数放在storage中或者vuex里面,在跳转之后的页面使用了又删除
8、小程序授权拒绝之后无法继续弹出然后授权问题(比如微信通知或者地图),如果不弹出可以在wx.getSetting里面找需要的授权,然后引导用户去手动设置里面授权。
9、scope=snsapi_base和scope=snsapi_userinfo的区别,snsapi_base是微信登录的时候默认授权,关注公众号就是默认授权,如果未关注公众号就需要使用scope=snsapi_userinfo。在开发的时候,用户登录默认使用scope=snsapi_base进行登录,如果未关注,就向scope=snsapi_userinfo跳转
10、公众号配置自动回复,在开启了服务器配置之后,公众号后台配置的自动回复会失效。如果想实现代码配置的链接直接进入小程序的话,需要配置链接
<a href="小程序页面" data-miniprogram-appid="小程序appid" data-miniprogram-path="小程序页面" data-miniprogram-type="text">点击跳转的文字</a>