前端页面中iOS版微信长按识别二维码的bug
问题描述:
H5首页banner图,在安卓微信内长按可识别二维码,但在ios部分机型上,长按图片识别不了二维码。
测试机型:
iphone6s plus 系统12.1 微信版本6.7.4
iphone7 系统12.0.1 微信版本6.7.4
问题排查:
(1)将图片单独在微信中打开,长按可识别二维码,排除是图片模糊问题;
(2)上网查资料,以下解决方案均无效:
- 定位方式由absolute 改为传统的margin(据说绝对定位会导致这个问题);
- 修改viewport 上的maximum-scale大于1(网络上看到的解决方案);
- 网络上有说用position: fixed; 定位会导致这个问题 ;
(3)网上此类问题资料很少,我们再从代码中查找问题,经反复实验之后,发现代码中用到了window.history.replaceState(null, null, newUrl);以及window.location.href=newUrl,将此类代码注释掉,发现二维码可识别。
问题解决:
哈哈,目前还没找到解决办法,replaceState和window.location.href因业务需要,不可删除。期待广大网友给出办法。
前端页面中iOS版微信长按识别二维码的bug相关推荐
- 前端页面中iOS版微信长按识别二维码的bug与解决方案
发现问题 页面做出来后测试,发现在安卓版微信能正常识别,但iOS 版微信(iPhone 或 iPad)皆无法正常识别.出来问题一开头固然是怀疑自己的代码有问题,上网搜索相关资料,尝试以下方案均无法解决 ...
- (补充)微信长按识别二维码 -- 页面多个二维码如何识别?(二)
基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按 ...
- jquery实现微信长按识别二维码
jquery实现微信长按识别二维码 (完整代码如下) <!DOCTYPE html> <html> <head><meta charset="utf ...
- 微信长按识别二维码 -- 页面多个二维码如何识别?
常规的在公众号html页面中要实现长按识别二维码,直接使用img显示图片就可以了,如下: <img name="qrCodeImg" src="/images/it ...
- 生成二维码及微信长按识别二维码
参考网友文档: js生成二维码及解决二维码在微信中不能识别 来自 https://blog.csdn.net/qq_41429765/article/details/111915775?ops_req ...
- 微信小程序如何页面分享,如何图片长按识别二维码等问题汇总
1.小程序未授权时,页面信息如何隐藏 1.需求场景 小程序在用户未授权的情况下,跳转到敏感信息页面,这时候该页面的内容要隐藏. 2.方案 使用wx:if语句进行判断,具体代码如下: <templ ...
- jQuery实现生成二维码,微信长按识别二维码功能
参考:https://blog.csdn.net/wky9421/article/details/52837983 <html> <head><script src=&q ...
- 微信小程序长按识别二维码,小程序相关问题总结
微信小程序长按识别二维码,小程序相关问题总结 开发小程序中,长按识别二维码,小程序码跳转,已知问题整理: 小程序中,不支持长按识别二维码,和小程序码. 可利用小程序 图片预览功能识别 小程序码并进行跳 ...
- IOS手机全屏长按识别二维码HTML代码
代码段作用讲解: 1. 二维码的全屏样式, opacity: 0; 透明样式, touch-callout: none; -webkit-touch-callout: none; -ms-touch- ...
最新文章
- JAVA好书之《深入理解Java虚拟机》
- antd 刷新页面及后退时菜单栏高亮问题
- SAP Intelligent Robotic Process Automation权限控制
- HTTP服务器的本质:tinyhttpd源码分析及拓展
- 数据结构课上笔记11
- html中的url、href、src的区别
- 零基础学python图文版-给伸手党的福利:Python 新手入门引导
- 【C++笔记】对象模型和this指针
- Wpf之Tree使用Dictionary作为数据源
- 安装tif虚拟打印机
- 如何准备Java初级和高级的技术面试
- LeetCode 分数加减运算
- 如何快速填充表格公式
- 攻防世界-Mobile-基础android (Misc经验解法)
- 手机遥控器,3.5mm耳机接口红外遥控改造解析
- 爬取Bilibili视频评论,并生成云词图
- uniapp打包发布至app端 echarts图表不显示问题
- Android 天气APP(六)旋转风车显示风力、风向
- PythonGUI颜色扩散游戏
- wdcp v2.5.15 php版本,wdcp_v2.5.15(20150826) 如何开启 多 SSL 站点!