0

预防以下情况的最佳实践/方法/语言是什么：

  • 图像另存为
  • 图像拖放到桌面
  • 截图/截图

..在桌面浏览器上

（目睹了在尝试截屏时使用“黑屏”，以及“不可触摸”图像的实现..）

4

2 回答 2

5

没有拖放

document.getElementById('my-image').ondragstart = function() { return false; };

防止另存为的一种方法（不是真正防止而是放慢一点）是创建一个带有链接到图像的内联样式的 div。

<div style="width: 200px; height: 200px; background: url('yourcraphere.jpg');"></div>

我几乎可以肯定你不能禁用屏幕截图。屏幕截图不取决于浏览器的权限，这是操作系统的事情。如果用户单击打印屏幕按钮，您可以尝试将所有内容都变白吗？

用户将始终能够使用开发人员工具查看您的资源并获取您正在使用的任何图像。希望这些方法将有助于防止大多数人窃取您可能想要保护的任何内容......您也可以尝试使用水印。希望有帮助。

于 2013-08-17T05:35:02.790 回答
1

为了防止用户右键单击图像并选择另存为，您可以添加代码oncontextmenu="return false". oncontextmenu检测到用户右键单击并return false停止操作。

然后，如果您执行代码draggable="false"，即使他们选择了图像，用户也无法拖动图像。我认为没有办法阻止人们使用屏幕抓取工具，但这里有一些代码可以阻止 Google 图片和其他搜索引擎抓取图片：<meta name="robots" content="noimageindex"></meta>.

所以总而言之，试试这个方法：放在<meta name="robots" content="noimageindex"></meta>文档的头部，然后<img src="mygreatimage.png" alt="An awesome image" oncontextmenu="return false" draggable="false">放在文档的正文中。

于 2013-08-17T05:34:42.100 回答