在一次工作中,所做的项目要求页面中不能右击,不能打开F12。一般来说可以禁用F12的按键,但是可以通过开发者工具进入。经过个人实验,以下方法适用于谷歌浏览器、火狐浏览器,以及使用谷歌内核的浏览器(如QQ浏览器、搜狗浏览器等),IE忘了是否支持,自我感觉是目前比较齐全的了。


  1. //禁止鼠标右击
  2. document.oncontextmenu = function() {
  3. event.returnValue = false;
  4. };
  5. //禁用开发者工具F12
  6. document.onkeydown = document.onkeyup = document.onkeypress = function(event) {
  7. let e = event || window.event || arguments.callee.caller.arguments[0];
  8. if (e && e.keyCode == 123) {
  9. e.returnValue = false;
  10. return false;
  11. }
  12. };
  13. let userAgent = navigator.userAgent;
  14. if (userAgent.indexOf("Firefox") > -1) {
  15. let checkStatus;
  16. let devtools = /./;
  17. devtools.toString = function() {
  18. checkStatus = "on";
  19. };
  20. setInterval(function() {
  21. checkStatus = "off";
  22. console.log(devtools);
  23. console.log(checkStatus);
  24. console.clear();
  25. if (checkStatus === "on") {
  26. let target = "";
  27. try {
  28. window.open("about:blank", (target = "_self"));
  29. } catch (err) {
  30. let a = document.createElement("button");
  31. a.onclick = function() {
  32. window.open("about:blank", (target = "_self"));
  33. };
  34. a.click();
  35. }
  36. }
  37. }, 200);
  38. } else {
  39. //禁用控制台
  40. let ConsoleManager = {
  41. onOpen: function() {
  42. alert("Console is opened");
  43. },
  44. onClose: function() {
  45. alert("Console is closed");
  46. },
  47. init: function() {
  48. let self = this;
  49. let x = document.createElement("div");
  50. let isOpening = false,
  51. isOpened = false;
  52. Object.defineProperty(x, "id", {
  53. get: function() {
  54. if (!isOpening) {
  55. self.onOpen();
  56. isOpening = true;
  57. }
  58. isOpened = true;
  59. return true;
  60. }
  61. });
  62. setInterval(function() {
  63. isOpened = false;
  64. console.info(x);
  65. console.clear();
  66. if (!isOpened && isOpening) {
  67. self.onClose();
  68. isOpening = false;
  69. }
  70. }, 200);
  71. }
  72. };
  73. ConsoleManager.onOpen = function() {
  74. //打开控制台,跳转
  75. let target = "";
  76. try {
  77. window.open("about:blank", (target = "_self"));
  78. } catch (err) {
  79. let a = document.createElement("button");
  80. a.onclick = function() {
  81. window.open("about:blank", (target = "_self"));
  82. };
  83. a.click();
  84. }
  85. };
  86. ConsoleManager.onClose = function() {
  87. alert("Console is closed!!!!!");
  88. };
  89. ConsoleManager.init();
  90. }

Chrome禁用开发者工具的更多相关文章

  1. 谷歌Chrome浏览器开发者工具的基础功能

    上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工具中最有用的面板Sources.Sources面板几乎是最常用到的Chrome功能面板,也是解决一般问题的主要 ...

  2. [转]谷歌Chrome浏览器开发者工具教程—JS调试篇

    来源:http://blog.csdn.net/cyyax/article/details/51242720 上一篇我们学习了谷歌Chrome浏览器开发者工具的基础功能,下面介绍的是Chrome开发工 ...

  3. [转]谷歌Chrome浏览器开发者工具教程—基础功能篇

    来源:http://www.xiazaiba.com/jiaocheng/5557.html Chrome(F12开发者工具)是非常实用的开发辅助工具,对于前端开发者简直就是神器,但苦于开发者工具是英 ...

  4. Mac下safari、chrome打开开发者工具快捷键

    mac下safari和chrome打开开发者工具的快捷键相同,都是option(alt)+command+i 这个是我的默认配置,没有更改过的.

  5. 通过使用Chrome的开发者工具来学习JavaScript

    本文作者是Peter Rybin,Chrome开发者工具团队成员. 本文中,我们将通过使用Chrome的开发者工具,来学习JavaScript中的两个重要概念”闭包”和”内部属性”. 闭包 首先要讲的 ...

  6. Chrome的开发者工具(Chrome Developer Tools)

    Chrome的开发者工具(Chrome Developer Tools) 按F12 https://developer.chrome.com/devtools/index http://www.w3s ...

  7. 爬虫 Http请求,urllib2获取数据,第三方库requests获取数据,BeautifulSoup处理数据,使用Chrome浏览器开发者工具显示检查网页源代码,json模块的dumps,loads,dump,load方法介绍

    爬虫 Http请求,urllib2获取数据,第三方库requests获取数据,BeautifulSoup处理数据,使用Chrome浏览器开发者工具显示检查网页源代码,json模块的dumps,load ...

  8. chrome浏览器开发者工具使用教程[转]

    转自:http://www.cr173.com/html/16930_1.html 更多资源:https://developers.google.com/chrome-developer-tools/ ...

  9. Chrome/谷歌开发者工具分析

    Chrome/谷歌开发者工具还是要好好掌握一下,对于前端开发超级有用:https://developers.google.com/web/tools/chrome-devtools/ 1.js内存使用 ...

  10. MAC 打开Chrome打开开发者工具的快捷键

    mac下safari和chrome打开开发者工具的快捷键相同,都是 option(alt)+command+i 这个是我的默认配置,没有更改过的.

随机推荐

  1. 【分析笔记】Linux tasklet 机制的理解

    Tasklet 介绍 Linux 内核提供的四种中断下半部中 softirq(软中断).tasklet(小任务).workqueue(工作队列) .request thread(中断线程)中的其中一种 ...

  2. VMware虚拟机的简单安装和配置

    一.简单了解虚拟机 虚拟机英文名(Virtual Machine)是通过软件模拟的完整计算机系统.在实体计算机中能够完成的工作在虚拟机中都能够实现.在计算机中创建虚拟机时,需要将实体机的部分硬盘和内存 ...

  3. 学习ASP.NET Core Blazor编程系列二十六——登录(5)

    学习ASP.NET Core Blazor编程系列文章之目录 学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应 ...

  4. Vue 注册全局组件的方式

    一.语法:Vue的实例.component("组件名称",组件) 1.方式一:这个组件就是 vue文件 import { createApp,h } from 'vue' //引入 ...

  5. 【USACO 2021 February Contest, Platinum】Problem 1 No Time to Dry

    \(\text{Solution}\) 一个点可与另一个颜色相同点同时涂色当且仅当两点间颜色都大于等于这两点 那么我们可以预处理一个点向左向右最远能到的位置,记为 \(l_i,r_i)\) 当 \(l ...

  6. JZOJ 5355. 【NOIP2017提高A组模拟9.9】保命

    题目 为了加快社会主义现代化,建设新农村,农夫约(Farmer Jo)决定给农庄做一些防火措施,保障自己.猫.奶牛的生命安全. 农夫约的农庄里有N+1 座建筑,排成了一排,编号为0-N.对于0 < ...

  7. ubuntu 一键安装lnmp环境

    转载csdn: ubuntu 一键安装lnmp环境_手艺人小在的博客-CSDN博客 注意:采用编译安装方法,花费时间较长,这个只有稳定版的,没有高版本的. 转载vpsgo: Linux上一键安装LNM ...

  8. 与TNF拮抗剂治疗AS临床和MRI疗效相关的血清生物标记物

    与TNF拮抗剂治疗AS临床和MRI疗效相关的血清生物标记物 PresentID: THU0223 SERUM BIOMARKERS ASSOCIATED WITH CHANGES IN ASDAS A ...

  9. 代码随想录算法训练营day02 | leetcode 977/209/59

    leetcode 977   分析1.0:   要求对平方后的int排序,而给定数组中元素可正可负,一开始有思维误区,觉得最小值一定在0左右徘徊,但数据可能并不包含0:遂继续思考,发现元素分布有三种情 ...

  10. 自己动手从零写桌面操作系统GrapeOS系列教程——5.GrapeOS开发环境测试

    学习操作系统原理最好的方法是自己写一个简单的操作系统. 在上一讲中我们已经安装配置了开发环境,在本讲中我们来测试一下开发环境是否正常. 我们的测试流程如下: 1.在Visual Studio Code ...