前端学习—网站禁止右键F12防复制防查看源代码防图片下载的方法

Posted 2022-06-13 王同学要努力

【前端学习】—网站禁止右键、F12防复制、防查看源代码、防图片下载的方法

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

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

1️⃣第一种方法：禁止右键+防复制代码

script language="javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>

🔺此方法是有缺点的，此方法除了火狐浏览器，其它的浏览器均有效，用火狐我们还是可以复制代码；可以查看源代码的；

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

🔺火狐禁止右键代码

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

🔺火狐等防复制代码

<style>
body 
-moz-user-select:none;   <!--禁止文字让选中-->

</style>

🔺以上代码你可以放在css文件中，也可以放在网站公共部份；

3️⃣ 第三种方法：禁用 F12 按键

<script type="text/javascript">
        document.onkeydown = function () 
            if (window.event && window.event.keyCode == 123) 
                event.keyCode = 0;
                event.returnValue = false;
                return false;
            
        ;
</script>

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