H5在IOS的微信浏览器中出现的二维码识别问题

问题:

微信自带有长按识别二维码功能,但是IOS有时候会不显示识别二维码的选项, 查了很多,有说啥微信二维码识别偏移什么的,但是设置之后都没有效果

总结的出现场景:

1. IOS有3dtouch(预览)的功能,长按调起了默认手势,无法识别二维码;
2. vue的history模式改成hash模式;

情况1解决方法:

给图片节点或者全部的节点加上样式,阻止IOS默认3dtouch

*{
    -webkit-touch-callout:none;	//主要，针对IOS的系统
    // -webkit-user-select:none;
    // -khtml-user-select:none;
    // -moz-user-select:none;
    // -ms-user-select:none;
    // user-select:none;
}

情况2解决方法:

将路由模式改成hash模式

结果:

更改了路由模式,然后设置了禁止默认3d预览,就完全可以