在 WKWebView 中禁用图像选择

Question

我使用 WKWebView 在我的应用程序中显示 Web 内容。我想让内容尽可能地让人感觉本土化。

我已经将此 CSS 添加到 WKWebView 中加载的网站中：

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

不过，当长时间点击图像时，可以“选择并移动它们”。

我怎样才能防止这种情况发生？

附： 在 iOS 15.1 上，当点击文本时，会出现文本放大镜。 iOS 15.3.1 中不会发生这种情况。

Answer 1

您可以通过两种方式做到这一点（在 iOS 15.5 上测试）：

1：CSS

img {
    user-drag: none;    
    -webkit-user-drag: none;    
}

2：HTML

<img src = "image.png" alt = "image" draggable = "false" />