干货！如何防止别人恶意调试我们的代码

前端老道

发布于 2022-03-29 17:28:32

9190

发布于 2022-03-29 17:28:32

文章被收录于专栏：Vue开发社区Vue开发社区

网站如何检测到是否开启开发者工具?这里不是指监听键盘事件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);
}