uni-app ios15长按出现放大镜

uni-app ios15长按出现放大镜

操作步骤：

  • 应用内长按屏幕

预期结果：

  • 无效果

实际结果：

  • 出现放大镜

bug描述：

  • uniapp应用中长按任何位置会出现放大镜

相关链接：

信息类别 详细信息
产品分类 uniapp/App
PC开发环境 Windows
PC操作系统版本 19042.985
HBuilderX类型 正式
HBuilderX版本 3.2.9
手机系统 iOS
手机系统版本 iOS 15
手机厂商 苹果
手机机型 iphone8
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app ios15长按出现放大镜的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

确实有这个问题

更多关于uni-app ios15长按出现放大镜的实战教程也可以访问 https://www.itying.com/category-93-b0.html


目前分析是由于新版系统 Safari/WebView 的 Bug 导致，详情：https://bugs.webkit.org/show_bug.cgi?id=231161

有什么解决办法吗，除了用nvue

回复 1***@qq.com: 解决办法：在视图层监听事件屏蔽默认行为，因副作用较大，暂不采用，等待苹果修复。

请问有什么方法可以解决呢?

这是iOS 15系统的一个特性，在WebView中长按会默认出现放大镜。可以通过CSS样式禁用这个行为：

在App.vue或对应页面的样式中添加：

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

或者在manifest.json中配置：

"app-plus": {
    "webview": {
        "userSelect": false
    }
}
回到顶部