javascript - 如何检测浏览器检查器窗口是否打开？

Question

是否可以检测浏览器的检查器窗口是否打开？

我们尝试通过比较 window.outerHeight 和 window.innerHeight 来检测它，但是当检查器窗口未附加到浏览器( float )时，这不起作用。

window.outerHeight - window.innerHeight > 100

谢谢，哈恰图尔

Answer 1

我正在寻找一种更清晰的方法来做到这一点，但这是我目前使用的一种 hacky 方法:

通常两次新的 Date() 调用之间花费的时间少于 100 毫秒。因此，如果您将调试器放在它们之间，用户至少会在那里花费超过 100 毫秒，我们就会知道他们打开了控制台。

这是一个简单的实现:

function isConsoleOpen() {
  var startTime = new Date();
  debugger;
  var endTime = new Date();

  return endTime - startTime > 100;
}

$(function() {
  $(window).resize(function() {
    if(isConsoleOpen()) {
        // do something
    }
  });
});