有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

原生js实现网站禁止右键 F12“防复制 防查看源代码 防图片下载”方法

javascript cat 3个月前 (06-29) 102次浏览 已收录 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的原因还是其它的原因。

如果你能把两种方法结合起来用,那么:所有的浏览器都可以禁止右键,防止别人查看你网站的源代码,网站文字别人也不可以手工复制,粘贴;图片也不能另存为,通常也就是所说的下载;做这些东西最好要根据你的网站来定位;否则影响用户体验!

虽然说以上这样的情况虽然说不能完美的保护我们的网站,但是至少也是一层保护吧,说句实话,以上这样的方法并不能防止你的网站被盗版,只要懂代码懂一点建站基础的人,完全是可以破你的网站,怎么破我就不说出来了;

喜欢 (0)
cat
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址