前端JavaScript篇之禁止F12、禁止右键、屏蔽复制、屏蔽剪切、禁止选中、检测开发者工具、拒绝另存、禁止缓存

最新推荐文章于 2025-05-04 17:01:31 发布

星儿AI探索者

最新推荐文章于 2025-05-04 17:01:31 发布

阅读量7.8k

点赞数 29

CC 4.0 BY-SA版权

分类专栏： JavaScript 前端知识点文章标签：前端 javascript 缓存

本文链接：https://blog.csdn.net/qq_37255976/article/details/138616443

屏蔽F12审查元素

在前端开发中，虽然无法完全阻止用户使用浏览器的开发者工具（F12）来审查和修改页面元素，但可以采取一些措施来增加审查的难度，以提高网站的安全性和防止未经授权的修改。请注意，这些措施主要用于防止一般用户的误操作，对于具有恶意意图的用户来说，并不能完全阻止他们。

F12审查元素：F12是浏览器自带的开发者工具，允许用户查看和修改页面的HTML、CSS和JavaScript。
屏蔽F12审查元素：通过JavaScript代码来检测和阻止F12工具的打开，或者在打开后进行一些限制，以增加用户审查页面的难度。

在一些安全性要求较高的项目中，可能需要对网站进行一定程度的保护，防止用户随意修改页面内容，这时就需要考虑屏蔽F12审查元素的功能。

在一个在线考试系统中，为了防止学生通过F12审查元素来查看试题答案，需要在用户打开F12时自动跳转或弹出提示框，提醒他们不要尝试作弊。

document.onkeydown = function(e) {
   
   
    if(e.keyCode == 123) {
   
   
        alert("F12审查元素已被禁用！");
        return false;
    }
    if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
   
   
        alert("F12审查元素已被禁用！");
        return false;
    }
    if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
   
   
        alert("F12审查元素已被禁用！");
        return false;
    }
    if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
   
   
        alert("F12审查元素已被禁用！");
        return false;
    }
    if(e.ctrlKey && e.keyCode ==