js检测开发者工具是否打开防止别人调试代码

最新推荐文章于 2025-03-25 10:46:37 发布

高先生的猫

最新推荐文章于 2025-03-25 10:46:37 发布

阅读量5.4k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/z591102/article/details/118105971

版权

JavaScript 专栏收录该内容

730 篇文章

订阅专栏

这篇博客介绍了三种JavaScript方法来检测用户是否开启了浏览器的开发者工具。这些方法包括使用`debugger`关键字和篡改`Date`对象的toString方法来触发警告或页面跳转。这些奇淫巧技对于网站安全和防止恶意调试可能有所帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网站如何检测到是否开启开发者工具?这里不是指监听键盘事件F12之类的方法，而是通过浏览器右侧点击打开开发者工具。

现在介绍2个方法，非常管用，可以检测到你是否开启了控制台程序，可以算是JavaScript的一些奇淫巧技，将如下这段代码加入你的网站即可。

方法一：

打开控制台弹窗debug调试：

setInterval(function() {
    check()
}, 1000);
var check = function() {
    function doCheck(a) {
        if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
            (function() {}
            ["constructor"]("debugger")())
        } else {
            (function() {}
            ["constructor"]("debugger")())
        }
        doCheck(++a)
    }
    try {
        doCheck(0)
    } catch (err) {}
};
check();

方法二：

打开控制台跳转Url

function toDevtools(){
  let num = 0; 
  let devtools = new Date();
  devtools.toString = function() {
      num++;
      if (num > 1) {
          window.location.href = "http://www.fly63.com"
          blast();
      }
  }
 console.log('', devtools);
}
toDevtools();

方法三：

通方法一，打开控制台启用调试模式：

if(window.location.href.indexOf('#debug')==-1){
  setInterval(function(){
    (function (a) {return (function (a) {return (Function('Function(arguments[0]+"' + a + '")()'))})(a)})('bugger')('de', 0, 0, (0, 0));
  }, 1000);
}