在移动设备中禁用默认保存图像选项

Question

当我将鼠标悬停在手机上的图片上时会出现以下选项：

1. 保存图片
2. 打开图片
3. 在新标签页中打开图片。

如何禁用这些选项？

我用Google搜索并获得了以下不起作用的代码

.disableSave {
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}

Answer 1

这样的事情很棘手，因为当您的手机/浏览器加载页面时，它会下载图像，例如用户无论如何都会在缓存中拥有所有图像，通常可以使用JS禁用右键单击功能，但是在手机上没有实际禁用右键单击功能的完全证明方式，但是，您可以将图像设置为{{1基本上，如果你按住它，不会触发下载，并且由于没有电话的开发者模式，他们不能简单地检查元素以获取图像源（耦合时的例外是iOS设备）使用safari的mac。）

Answer 2

简单的解决方案。

对于iOS，请使用以下内容：

.disableSave {
    -webkit-user-select:none;
    -webkit-touch-callout:none;
}

对于Android，请使用：

oncontextmenu="return false;";

Answer 3

我在移动和桌面浏览器中使用了以下CSS并禁用了图像选择+保存。

img {
  pointer-events: none;
}