前言
2021年5月17日,微信 iOS 端发布了 8.0.6 版本,wx的更新文档特别敷衍,但是从网上的分享素材得知 小程序支持长按识别企业微信二维码了
目前已知的三种方式
- image标签
<image src="二维码图片地址" show-menu-by-longpress="true" />
此方法在wx客户端版本
8.0.6
有BUG
虽然长按能出现弹框 但是点击名片并不会跳到添加wx
的页面
需要更新wx到最新版本 如果需要用此方法需要判断wx.getSystemInfoSync
获取wx
版本做判断提醒用户更新wx
- preview 二维码
wx.previewImage({
current: '', // 当前显示图片的http链接
urls: [] // 需要预览的图片http链接列表
})
这样做的缺点是打开的页面永远是一张图或者多张图,图里只能放一个二维码。假如把两个二维码都放在一张图里,那么会识别最后一个二维码(这跟手机屏幕大小有关系,大屏手机还是能识别出两个码的)
- webview
//两种方式
1. 公众号链接
<web-view src="公众号推文的链接"></webview>
2. H5链接
<web-view src="H5链接"></webview>
需要注意的是公众号链接 公众号必须跟小程序关联起来,否则小程序的 webview
无法打开推文
而H5的坑就相对比较多 目前判断下来在IOS
环境下 图片层级无论怎么放都没办法长按试别 截至2022-07-05都没有解决 而且有个奇怪的bug
//test.html
<body>
<img src="企业微信二维码">
....
....
....
<btn onClick="goPath"> //点击跳转公众号H5 里面也有同样的企业微信二维码
....//还有若干dom
</body>
此时你第一次进H5 长按Img试别二维码 没有跳转链接的
但是你点击按钮跳转到公众号长按试别后 返回test.html 再长按就能试别了...
不知道微信的底层试别逻辑是怎么做的
//我目前的解决方法是写个静态的HTML5 直接放图
<body>
<img class="img" src="xxx" />
</body>
```