網站如何檢測到是否開啟開發者工具?這裡不是指監聽鍵盤事件F12之類的方法，而是通過瀏覽器右側點選開啟開發者工具。

現在介紹2個方法，非常管用，可以檢測到你是否開啟了控制檯程式，可以算是JavaScript的一些奇淫巧技，將如下這段程式碼加入你的網站即可。

方法一：

開啟控制檯彈窗debug除錯：

setInterval(function() {
    check()
}, 1000);
var check = function() {
    function doCheck(a) {
        if (("" + a / a)["length"] !== 1 || a % 20 === 0) {
            (function() {}
            ["const
 
ructor"]("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();
 

https://www.98891.com/article-3-1.html

方法三：

通方法一，開啟控制檯啟用除錯模式：

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);
}

總結

今天就分享這麼多，希望對你有所幫助，通過以上程式碼可以監聽到是否開啟開發者除錯視窗。如果開啟那麼可以移除一些敏感資訊，或者防爬蟲設定。