利用Javascript检测开发者工具Devtools是否打开

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

SineyCoder

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

阅读量3.5k

点赞数

分类专栏： js 文章标签： javascript js监听开发者窗口

本文链接：https://blog.youkuaiyun.com/a568283992/article/details/103022334

版权

js 专栏收录该内容

1 篇文章

订阅专栏

转载自此处

function checkDevTools(options) {
       const isFF = ~navigator.userAgent.indexOf("Firefox");
       let toTest = '';
       if (isFF) {
          toTest = /./;
          toTest.toString = function() {
            options.opened();
          }
       } else {
        toTest = new Image();
        toTest.__defineGetter__('id', function() {
            options.opened();
        });
       }
       setInterval(function() {
          options.offed();
          console.log(toTest);
          console.clear && console.clear();
       }, 1000);
    }

    checkDevTools({
      opened: function() {
        document.body.innerHTML = 'Dev Tools is on';
      },
      offed: function() {
        document.body.innerHTML = 'Dev Tools is off';
      }
    });

通过此代码可以监听到是否打开开发者调试窗口。如果打开那么可以移除一些敏感信息，或者防爬虫设定。

后续，又有一种兼容性较好的版本

setInterval(function() {
    check()
}, 4000);
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();