Chrome禁用开发者工具
在一次工作中,所做的项目要求页面中不能右击,不能打开F12。一般来说可以禁用F12的按键,但是可以通过开发者工具进入。经过个人实验,以下方法适用于谷歌浏览器、火狐浏览器,以及使用谷歌内核的浏览器(如QQ浏览器、搜狗浏览器等),IE忘了是否支持,自我感觉是目前比较齐全的了。
-
//禁止鼠标右击
-
document.oncontextmenu = function() {
-
event.returnValue = false;
-
};
-
//禁用开发者工具F12
-
document.onkeydown = document.onkeyup = document.onkeypress = function(event) {
-
let e = event || window.event || arguments.callee.caller.arguments[0];
-
if (e && e.keyCode == 123) {
-
e.returnValue = false;
-
return false;
-
}
-
};
-
let userAgent = navigator.userAgent;
-
if (userAgent.indexOf("Firefox") > -1) {
-
let checkStatus;
-
let devtools = /./;
-
devtools.toString = function() {
-
checkStatus = "on";
-
};
-
setInterval(function() {
-
checkStatus = "off";
-
console.log(devtools);
-
console.log(checkStatus);
-
console.clear();
-
if (checkStatus === "on") {
-
let target = "";
-
try {
-
window.open("about:blank", (target = "_self"));
-
} catch (err) {
-
let a = document.createElement("button");
-
a.onclick = function() {
-
window.open("about:blank", (target = "_self"));
-
};
-
a.click();
-
}
-
}
-
}, 200);
-
} else {
-
//禁用控制台
-
let ConsoleManager = {
-
onOpen: function() {
-
alert("Console is opened");
-
},
-
onClose: function() {
-
alert("Console is closed");
-
},
-
init: function() {
-
let self = this;
-
let x = document.createElement("div");
-
let isOpening = false,
-
isOpened = false;
-
Object.defineProperty(x, "id", {
-
get: function() {
-
if (!isOpening) {
-
self.onOpen();
-
isOpening = true;
-
}
-
isOpened = true;
-
return true;
-
}
-
});
-
setInterval(function() {
-
isOpened = false;
-
console.info(x);
-
console.clear();
-
if (!isOpened && isOpening) {
-
self.onClose();
-
isOpening = false;
-
}
-
}, 200);
-
}
-
};
-
ConsoleManager.onOpen = function() {
-
//打开控制台,跳转
-
let target = "";
-
try {
-
window.open("about:blank", (target = "_self"));
-
} catch (err) {
-
let a = document.createElement("button");
-
a.onclick = function() {
-
window.open("about:blank", (target = "_self"));
-
};
-
a.click();
-
}
-
};
-
ConsoleManager.onClose = function() {
-
alert("Console is closed!!!!!");
-
};
-
ConsoleManager.init();
-
}
Chrome禁用开发者工具的更多相关文章
- 谷歌Chrome浏览器开发者工具的基础功能
上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工具中最有用的面板Sources.Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要 ...
- [转]谷歌Chrome浏览器开发者工具教程—JS调试篇
来源:http://blog.csdn.net/cyyax/article/details/51242720 上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工 ...
- [转]谷歌Chrome浏览器开发者工具教程—基础功能篇
来源:http://www.xiazaiba.com/jiaocheng/5557.html Chrome(F12开发者工具)是非常实用的开发辅助工具,对于前端开发者简直就是神器,但苦于开发者工具是英 ...
- Mac下safari、chrome打开开发者工具快捷键
mac下safari和chrome打开开发者工具的快捷键相同,都是option(alt)+command+i 这个是我的默认配置,没有更改过的.
- 通过使用Chrome的开发者工具来学习JavaScript
本文作者是Peter Rybin,Chrome开发者工具团队成员. 本文中,我们将通过使用Chrome的开发者工具,来学习JavaScript中的两个重要概念”闭包”和”内部属性”. 闭包 首先要讲的 ...
- Chrome的开发者工具(Chrome Developer Tools)
Chrome的开发者工具(Chrome Developer Tools) 按F12 https://developer.chrome.com/devtools/index http://www.w3s ...
- 爬虫 Http请求,urllib2获取数据,第三方库requests获取数据,BeautifulSoup处理数据,使用Chrome浏览器开发者工具显示检查网页源代码,json模块的dumps,loads,dump,load方法介绍
爬虫 Http请求,urllib2获取数据,第三方库requests获取数据,BeautifulSoup处理数据,使用Chrome浏览器开发者工具显示检查网页源代码,json模块的dumps,load ...
- chrome浏览器开发者工具使用教程[转]
转自:http://www.cr173.com/html/16930_1.html 更多资源:https://developers.google.com/chrome-developer-tools/ ...
- Chrome/谷歌开发者工具分析
Chrome/谷歌开发者工具还是要好好掌握一下,对于前端开发超级有用:https://developers.google.com/web/tools/chrome-devtools/ 1.js内存使用 ...
- MAC 打开Chrome打开开发者工具的快捷键
mac下safari和chrome打开开发者工具的快捷键相同,都是 option(alt)+command+i 这个是我的默认配置,没有更改过的.
随机推荐
- angular在服务中调用组件的某个方法,并传参给组件,(反向调用),变量改变后,强制更新视图
需要被调用方法的组件文件 import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core'; ...
- css之transform属性的使用
1.定义:Transform属性应用于元素的2D或3D转换.这个属性允许你将元素旋转,缩放,移动,倾斜等. 2.常用的属性值: (1)translate(移动): 这个属性值里面含有三个参数,依次 ...
- ASP.NET Core RESTful学习理解
一.了解什么是REST REST是"REpresentational State Transfer"的缩写 ,表述性状态传递: REST是一种软件架构风格,用于构造简单.可靠.高性 ...
- Java 进阶P-4.8+P-4.9
Object类 Object类的函数 toString() equals() Java Object 类是所有类的父类,也就是说 Java 的所有类都继承了 Object,子类可以使用 Object ...
- postman的安装与使用
一.在浏览器搜索postman找到官网 二.选择自己电脑的操作系统 三.点击下载按钮 完成下载之后双击安装程序即可完成安装操作自动下载到C盘,无法自定义安装 四.安装完成之后自动跳出该页面 我们在学习 ...
- Swagger2多包扫描
package com.xf.config; import org.springframework.context.annotation.Bean; import org.springframewor ...
- SqlServer Express 自动备份数据库(没有sql代理服务的情况下)
一.由于Express版本的SQLServer没有SQL代理服务(SQLSERVERAGENT),所以就不能通过SQLServer作业来进行自动备份了,那么我们可以用Windows计划任务来定时处理 ...
- Nacos入门
1.介绍 ①概要 官网:home (nacos.io) Nacos:Dynamic Naming and Configuration Service(动态命名和配置服务) 你可以看为:Eureka(注 ...
- SQL Server数据库日常检查
1.1代码检查从昨天到现在,SQL代理Job有没有运行失败的,会把运行失败的Job名字,步骤,运行时间,错误等级,错误原因罗列出来,方便查看. ----1.1 Check Job Fail List ...
- C# 时间各种格式
1.1 取当前年月日时分秒 currentTime=System.DateTime.Now; 1.2 取当前年 int 年=currentTime.Year; 1.3 取当前月 int 月=curre ...