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

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


相关文章
|
12天前
|
前端开发 JavaScript
前端基础(九)_this基本使用、this指向判断、改变this指向的方法
本文介绍了JavaScript中this的基本使用、this指向的判断以及改变this指向的方法。
25 1
前端基础(九)_this基本使用、this指向判断、改变this指向的方法
|
12天前
|
前端开发
前端基础(十四)_隐藏元素的方法
本文介绍了几种在前端开发中隐藏元素的方法,包括使用`display:none`、`visibility:hidden`、`opacity:0`等CSS属性,并提供了相应的示例代码。此外,还提到了其他隐藏元素的技巧,如通过设置元素位置、使用`overflow`属性和`filter`属性以及`rgba`颜色值来实现元素的隐藏。
33 1
前端基础(十四)_隐藏元素的方法
|
2月前
|
前端开发 JavaScript 数据可视化
前端实用网站
前端实用网站
|
12天前
|
前端开发
前端基础(十一)_Float浮动、清除浮动的几种方法
本文介绍了浮动的概念、属性、特性以及清除浮动的几种方法,并通过实例演示了如何使用CSS实现元素的浮动和处理浮动带来的问题。
31 3
|
1月前
|
前端开发 JavaScript
前端ES5 | js —添加元素方法
前端ES5 | js —添加元素方法
|
2月前
|
前端开发 Java 编译器
【前端学java】如何从前端视角快速学习Maven
【8月更文挑战第12天】如何从前端视角快速学习Maven
43 2
【前端学java】如何从前端视角快速学习Maven
|
1月前
|
缓存 监控 前端开发
前端性能优化实战:让你的网站快如闪电的十大秘籍
【9月更文挑战第3天】通过以上十大秘籍的实践,您可以显著提升网站的前端性能,让您的网站在竞争激烈的互联网环境中脱颖而出,为用户带来更加流畅和愉悦的体验。记住,前端性能优化是一个永无止境的过程,只有不断迭代和优化,才能保持网站的竞争力。
|
2月前
|
前端开发 算法 网络协议
如何学习计算机基础知识,打好前端和网络安全的基础
如何学习计算机基础知识,打好前端和网络安全的基础
39 4
|
2月前
|
JavaScript 前端开发 开发者
JS 继承之谜:究竟有哪些神秘方法?Web 前端开发者必知的关键技巧待你揭开谜底!
【8月更文挑战第23天】JavaScript (JS) 是 Web 前端开发的关键语言,其中继承是面向对象编程的重要概念。本文探讨了 JS 中几种继承机制:原型链继承、构造函数继承及组合继承。原型链继承利用原型对象实现属性和方法的共享;构造函数继承通过在子类构造器内调用父类构造器实现私有属性的复制;组合继承结合两者优点,既支持属性共享又避免了属性被意外覆盖的风险。理解这些模式有助于开发者更高效地组织代码结构,提升程序质量。
30 1
|
2月前
|
前端开发 JavaScript
前端网站学习大全
这篇文章提供了前端网站开发学习的资源大全,涵盖了HTML常用标签和CSS常用样式,以及如何使用`<meta>`标签提供页面元信息和`lang`属性定义内容语言等基础知识。
前端网站学习大全
下一篇
无影云桌面