收藏
回答

严重BUG - webview 点击img标签图片会调用原生的预览功能!

框架类型 问题类型 操作系统版本 手机型号 微信版本
小程序 Bug 安卓 mi 9 7.0.4

微信版本: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&h=666"></div> </div> 点击该 img 看看效果


实际例子:

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


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


录屏操作:



最后一次编辑于  2019-06-13
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2019-06-13

    能否提供复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)然后具体说明下复现步骤?

    2019-06-13
    赞同
    回复 1
    • 远
      2019-06-13

      已详细提供

      2019-06-13
      回复
  • 西红柿
    西红柿
    2019-11-01

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

    2019-11-01
    赞同
    回复
  • 远
    2019-06-13

    解决方案 1:

    img {

    pointer-events: none;

    }


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


    解决方案 2:

    使用背景图片


    2019-06-13
    赞同
    回复 1
    • 小程序技术专员-洛克
      小程序技术专员-洛克
      2019-06-13

      我用小米8 和 华为p20 都没有复现

      2019-06-13
      回复
登录 后发表内容