严重BUG - webview 点击img标签图片会调用原生的预览功能!
发布于 5 年前 作者 chao43 15096 次浏览 来自 问答

微信版本:7.0.4

系统版本:miui 10.3.3

手机型号:小米8

微信版本:7.0.4

系统版本:eui 9.0.0.187

手机型号:华为p20

问题概述:

webview 中点击img标签图片会调用原生的预览功能!

预期结果:

webview 中点击img标签图片不会出现图片的预览功能!

影响范围:

微信上的H5,若是采用 <img src> 标签(无绑定任何事件,就是纯布局元素),点击该标签都会弹出预览窗口,而不是之前无任何反应。大面积的H5 都已经垮掉

如何重现:

在页面上添加 <div><img src=“https://tuimeizi.cn/random?w=666&amp;h=666”></div> </div> 点击该 img 看看效果

实际例子:

http://act.mama.cn/subject/index-id-kbblist.html#/

翻到第二页,点击图片元素 - 出现图片预览

录屏操作:

4 回复

现在这个问题还没有解决吗,还是会自动放大。。

小米8青春版没有此现象

解决方案 1:

img {

pointer-events: none;

}

但会对需要在 img 上进行交互的操作失效,例如识别二维码,长按保存图片等。

解决方案 2:

使用背景图片

回到顶部