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

【前端学习】—网站禁止右键、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;returnfalse;}};</script>

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