通过 JavaScript 实现禁止打开控制台（期中包括:右键审查元素、工具栏、F12、Shift+Ctrl+I）

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style type="text/css">

        /*禁止选中文字*/

        body {

            -moz-user-select: none;

            /*火狐*/

            -webkit-user-select: none;

            /*webkit浏览器*/

            -ms-user-select: none;

            /*IE10*/

            -khtml-user-select: none;

            /*早期浏览器*/

            user-select: none;

        }

    </style>

</head>

<body>

    <script type='text/javascript'>

        //禁用右键（防止右键查看源代码）

        window.oncontextmenu = function () { return false; }

        //禁止任何键盘敲击事件（防止F12和shift+ctrl+i调起开发者工具）

        window.onkeydown = window.onkeyup = window.onkeypress = function () {

            window.event.returnValue = false;

            return false;

        }

        //如果用户在工具栏调起开发者工具，那么判断浏览器的可视高度和可视宽度是否有改变，如有改变则关闭本页面

        var h = window.innerHeight, w = window.innerWidth;

        window.onresize = function () {

            if (h != window.innerHeight || w != window.innerWidth) {

                window.close();

                window.location = "about:blank";

            }

        }

        /*好吧，你的开发者工具是单独的窗口显示，不会改变原来网页的高度和宽度， 但是你只要修改页面元素我就重新加载一次数据,让你无法修改页面元素（不支持IE9以下浏览器）*/

        if (window.addEventListener) {

            window.addEventListener("DOMCharacterDataModified", function () { window.location.reload(); }, true);

            window.addEventListener("DOMAttributeNameChanged", function () { window.location.reload(); }, true);

            window.addEventListener("DOMCharacterDataModified", function () { window.location.reload(); }, true);

            window.addEventListener("DOMElementNameChanged", function () { window.location.reload(); }, true);

            window.addEventListener("DOMNodeInserted", function () { window.location.reload(); }, true);

            window.addEventListener("DOMNodeInsertedIntoDocument", function () { window.location.reload(); }, true);

            window.addEventListener("DOMNodeRemoved", function () { window.location.reload(); }, true);

            window.addEventListener("DOMNodeRemovedFromDocument", function () { window.location.reload(); }, true);

            window.addEventListener("DOMSubtreeModified", function () { window.location.reload(); }, true);

        }

    </script>

</body>

</html>

“通过监听页面元素变化来重新加载页面”的代码会导致你的网站崩溃,所以根据实际情况，谨慎使用

JavaScript实现禁止打开控制台的更多相关文章

  1. 禁止打开 F12 开发者工具

    禁止F12 window.onkeydown = window.onkeyup = window.onkeypress = function (event) { // 判断是否按下F12,F12键码为 ...

  2. HTML中使用javascript解除禁止input输入框代码：

    转:表单中Readonly和Disabled的区别 参考资料: disabled和readonly区别: 参考博文1地址:http://blog.csdn.net/symgdwyh/article/d ...

  3. IE9 打不开界面也不报错，只有打开控制台才会显示 - console

    IE9下,打开界面不报错也不展示数据,打开控制台时就能加载出数据,有可能是代码中有console

  4. IE9 不F12打开控制台，代码不执行。打开后正常

    对每个前端er来说,提起来ie就是头大,各种兼容性的问题,让人头大.前两天就在ie9下遇到一个比较少见的问题. 具体情况是这样的: ie9下,js不执行,各种绑定事件不起作用.其他浏览器都6得飞起.当 ...

  5. 转：表单中Readonly和Disabled的区别（HTML中使用javascript解除禁止input输入框代）

    转:表单中Readonly和Disabled的区别 参考资料: disabled和readonly区别: 参考博文1地址:http://blog.csdn.net/symgdwyh/article/d ...

  6. 用javascript实现禁止页面后退返回上一页的代码

    用javascript实现禁止页面后退返回上一页的代码:  有时候我们需要用户在点击了如下一步的按钮时,页面跳转到了下一个页面,这时想不允许用户返回后退到上一页,可以采用下面的方法:  在需要跳转的页 ...

  7. safari浏览器在window下 打开控制台

    有时候需要在window下测试safari浏览器的兼容性 然后需要打开错误控制台 以下是完整打开的图文教程 1.显示菜单栏 2.打开偏好设置 3.然后切换到高级标签 勾选 在菜单栏显示开发菜单 4.打 ...

  8. JavaScript来实现打开链接页面（转载）

    在页面中的链接除了常规的方式以外,如果使用javascript,还有很多种方式,下面是一些使用javascript,打开链接的几种方式: 1.使用window的open方法打开链接,这里可是在制定页面 ...

  9. javascript 实现禁止右键，复制，选取文本 (兼容firefox，IE，chrome等主流浏览器)

    1. JS 禁止右键 <script type="text/javascript">document.oncontextmenu=function(e){return ...

随机推荐

  1. 【Android开发】微信精选，文章资讯类App开发记录总结

    缘起 微信精选的App开发来源是在聚合数据上看到了有免费的微信精选的数据接口,无限调用.相对于其他的诸如违章查询,医药查询,NBA赛事等等,我感觉还是微信文章精选这个数据接口离我最近,所以想着拿着个数 ...

  2. 「算法笔记」Link-Cut Tree

    一.简介 Link-Cut Tree (简称 LCT) 是一种用来维护动态森林连通性的数据结构,适用于动态树问题. 类比树剖,树剖是通过静态地把一棵树剖成若干条链然后用一种支持区间操作的数据结构维护, ...

  3. 编写Java程序，实现一个简单的echo程序（网络编程TCP实践练习）

    首先启动服务端,客户端通过TCP的三次握手与服务端建立连接: 然后,客户端发送一段字符串,服务端收到字符串后,原封不动的发回给客户端. ECHO 程序是网络编程通信交互的一个经典案例,称为回应程序,即 ...

  4. What's new in Dubbo-go v1.5.1

    近期我们发布了 dubbo-go v1.5.1,虽然是 v1.5 的一个子版本,但相比于 v1.5.0, 社区还是投入了很大人力添加了如下重大改进. 1 应用维度注册模型 在新模型 release 后 ...

  5. C# .net 环境下使用rabbitmq消息队列

    消息队列的地位越来越重要,几乎是面试的必问问题了,不会使用几种消息队列都显得尴尬,正好本文使用C#来带你认识rabbitmq消息队列 首先,我们要安装rabbitmq,当然,如果有现成的,也可以使用, ...

  6. GeoWave实践2：使用命令行将本地矢量数据注入hbase并发布至GeoServer

    目录 步骤 补充 步骤 在GeoWave所在的节点打开两个会话窗口. 会话1 //运行GeoServer,默认端口8080 geowave gs run 会话2 //为GeoWave创建数据库Test ...

  7. Pytest_常用执行参数详解（3）

    前面讲了测试用例的执行方式,也认识了 -v  -s 这些参数,那么还有没有其它参数呢?答案肯定是有的,我们可以通过 pytest -h来查看所有可用参数. 从图中可以看出,pytest的参数有很多,但 ...

  8. linux修改配置文件关闭终端失效问题

    当前shell环境为 交互式login-shell(非图形化界面环境) /etc/profile /etc/bash.bashrc ~/.profile ~/bashrc 当前环境为 交互式非logi ...

  9. PPT2010制作翻牌动画

    原文: https://www.toutiao.com/i6492653280676545037/ 新建一张空白幻灯片 选择"插入"选项卡,"插入"功能组,&q ...

  10. vue3.0+vite+ts项目搭建-postcss-pxtorem 实现移动自适应(五)

    这里不考虑大屏,所以不做amfe-flexible的配置 首先是安装依赖 yarn add postcss-loader postcss-pxtorem -D yarn add autoprefixe ...