iOS微信网页长按图片问题解决

问题环境

我手里的测试设备：
手机：iphone8,
系统：iOS13.4.1
微信版本：7.0.12

问题一：点按图片，图片浮在屏幕上

iOS系统中，点按图片，图片会浮在屏幕上方，图片下方会出现iOS系统默认的共享等菜单。这种情况，无法实现长按识别问题。
解决方法，设置样式，阻止默认行为：

  img {-webkit-touch-callout: none;}

问题二：长按图片，只有保存，没有识别二维码，发送给好朋友等

为解决这个问题，我查看了好多博客文章，最后自己尝试，摸索着解决了。
个人理解，主要是iOS系统里的微信存在两个问题：

图片显示的尺寸太小，微信无法识别里面的二维码
微信环境对单页面应用支持不够友好，单页面路由导致长按图片无法出现完整菜单
解决方案：

加大图片显示的尺寸，这个根据展示情况可以自己尝试。
在单页面应用里，重新替换一下二维码图片所在的页面的链接

// vue项目，可以在mounted方法里执行
location.replace(location.href)

做前端，就要面对各种兼容性问题。
大半天时间，就被这么个问题消耗掉了。

iOS微信网页长按图片问题解决相关推荐

苹果端手机微信页面长按图片无法保存的解决方案
苹果端手机微信页面长按图片无法保存的解决方案参考文章: (1)苹果端手机微信页面长按图片无法保存的解决方案 (2)http://www.cnblogs.com/xiaofengju/p/580748 ...
微信网页中点击图片放大
1. 引用微信的JS <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixi ...
微信网页长按二维码不识别问题
2019独角兽企业重金招聘Python工程师标准>>> 问题现象: 如下图,这是设计的布局方式,其中二维码宽高为200px,最下面为一个长页,然后点按钮弹出一个浮层(div + po ...
safari,ios微信网页 typeError错误
问题使用一个object对象+字符串,safari下会抛出typeError错误 var a ={a:1}; alert(a+""); 原因 IOS8引入了新组件WKWebVie ...
iOS微信小程序网页请求走error问题
场景:微信小程序webview外链网页在Android微信网页浏览器 iOS浏览器都是好的但是一到iOS微信就出问题了请求一直发不出去 ajax 错误码一直报 0 0:请求未初始化(还没有调用 ...
微信网页开发-长按二维码无法识别问题解决
微信网页开发-长按二维码无法识别问题解决参考文章: (1)微信网页开发-长按二维码无法识别问题解决 (2)https://www.cnblogs.com/Tylerrrkd/p/9153949.ht ...
微信环境iOS 长按图片无法保存
开发中发现的问题: 在fixed蒙层中嵌入了一张图片.在苹果手机中,微信环境下,打开页面,长按图片,不会出现图片另存为等按钮. 解决方法: 取消蒙层方式,图片正常嵌入到页面环境中.
android user-agent iso-8859-1,微信网页授权，错误40163，ios正确，安卓错误？
2018-07-18:一年时间过去了,我又回来填自己挖的坑了!! 2017年7月,我遇到了这个问题,当时在这里提了问,后来又跟踪了两天,也没彻底搞懂,反正时好时坏,,后来自己主要精力放在H5+开发上, ...
微信iOS WKWebview 网页开发适配指南
微信2017.1.6日推送一条消息: 微信iOS客户端将于2017年3月1日前逐步升级为WKWebview内核,需要网页开发者提前做好网站的兼容检查和适配. 背景 WKWebView 是苹果在iOS ...

iOS微信网页长按图片问题解决

问题环境

问题一：点按图片，图片浮在屏幕上

问题二：长按图片，只有保存，没有识别二维码，发送给好朋友等

iOS微信网页长按图片问题解决相关推荐

最新文章

热门文章