Firefox reader view Reader视图断开Javascript保护图像不被右键单击
我知道保护图像远非万无一失。然而,客户端要求使用Javascript,因此我在一个网站上安装了Javascript,该网站旨在防止右键单击保存/下载 看起来Reader视图忽略了Javascript和站点的CSS。我试图根据rule.moz阅读器内容(Firefox)添加{display:none}。我假设所有浏览器都是这样 搜索也没有找到一种检测读者视图的方法Firefox reader view Reader视图断开Javascript保护图像不被右键单击,firefox-reader-view,Firefox Reader View,我知道保护图像远非万无一失。然而,客户端要求使用Javascript,因此我在一个网站上安装了Javascript,该网站旨在防止右键单击保存/下载 看起来Reader视图忽略了Javascript和站点的CSS。我试图根据rule.moz阅读器内容(Firefox)添加{display:none}。我假设所有浏览器都是这样 搜索也没有找到一种检测读者视图的方法 有人对这个问题有任何建议或知道解决方案吗?正如你所知,没有完全的解决方案。无论你做什么,如果它是可见的,它可以被复制。(最后一个办法是
有人对这个问题有任何建议或知道解决方案吗?正如你所知,没有完全的解决方案。无论你做什么,如果它是可见的,它可以被复制。(最后一个办法是截图) 话虽如此,一个简单且出人意料的有效解决方案就是将每个图像覆盖在一个透明的.png文件上
<div id="imagecontainer" style="position:relative;">
<img src="yourimage.png" style="position:absolute;top:0px;left:0px;">
<img src="transparent-overlay.png" style="position:absolute;top:0px;left:0px;">
</div>
在后一个js示例中,还需要将css样式设置为#imagecontainer中两个图像的绝对位置
var i = document.createElement('img');
var o = document.createElement('img');
i.src = 'yourimage.png';
o.src = 'transparent-overlay.png';
document.getElementById('imagecontainer').appendChild(i);
document.getElementById('imagecontainer').appendChild(o);