今天在写 H5 页面的时候 在微信打开长按识别二维码的时候 IOS 机型无法识别出来 按照网上搜索的试了半天发现就是路由的问题 项目使用的是 vue 的 history 模式的路由
期间试过什么的方法 均无效
1.<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/>
2. padding margin opacity: 0 等通过CSS解决的方式
3. -webkit-touch-callout none
4. 增加截屏区域
5. 路由问题 ps最后定位问题就是出在这里
解决办法
本质就是不在使用history路由 方法有很多 但是涉及到了项目跟业务 有时候我们没法一下子设置mode hash 就解决
window.location.replace(window.location.hash || '#');
又浪费我一下午的时间去试微信的坑 😔 顺带提一嘴 但凡微信设置分享报错啥的百分之80-90都是url的问题剩下的20或者10就是参数大小写 望各位看到的同学谨记