网站禁止右键、F12“防复制、防查看源代码、防图片下载”方法

2024-11-10 977 阅读 建站问题 字号小中大

赞0 踩 0 评论 0 分享

当下浏览器还是很多的，如果你想你的网站内容不被人手工采集的话，你的图片不想被人另存为或下载的话，我们完全可以禁止右键，禁止全站复制；这样的话：无论是想右键查看源代码还是图片另存为都做不到了，连网站文字选中也做不到；

 

其实方法非常的简单，只要用JS和css代码就可以做到；

 

第一种方法：禁止右键+防复制代码
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>
此方法是有缺点的，此方法除了火狐浏览器，其它的浏览器均有效，用火狐我们还是可以复制代码；可以查看源代码的；

 

第二种方法：专为火狐等禁止右键+防复制代码


1、火狐禁止右键代码

<script type="text/javascript">
document.oncontextmenu=function(e){return false;}
</script>
 

2、火狐等防复制代码

<style>
body {-moz-user-select:none;   <!--禁止文字让选中-->}
</style>
以上代码你可以放在css文件中，也可以放在网站公共部份；

 

第三种方法：禁用 F12 按键
<script type="text/javascript">        
document.onkeydown = function () {
            if (window.event && window.event.keyCode == 123) {
                event.keyCode = 0;
                event.returnValue = false;
                return false;
            }
        };
</script>
此方法虽然说可以禁用F12按键，但是有些浏览器似乎没有反应，像我的火狐F12是照样可以用的，不知道是我安装了firebug的原因还是其它的原因。



移动端禁止长按图片弹出保存图片代码
在移动端时客户不需要长按图片弹出保存图片，也就是不想让别人保存自己的图片时，应该怎么办呢，我们只要在图片代码中加一个如下样式就可以。

img {pointer-events: none;}