我正在使用这个小脚本来确定 Firebug 是否打开：
if (window.console && window.console.firebug) {
//is open
};
它运作良好。现在找了半个小时想办法检测谷歌浏览器内置的web开发者控制台是否打开，但是没有找到任何提示。
这：
if (window.console && window.console.chrome) {
//is open
};
不起作用。
编辑：
所以似乎无法检测Chrome控制台是否打开。但是有一个“黑客”有效，但有一些缺点：
所以，我现在要选择 Unsigned 的答案，但是如果有人提出了一个绝妙的主意，欢迎他仍然回答，我会更改所选的答案！谢谢！
Chrome 65+ (2018)
r = /./
r.toString = function () {
document.title = '1'
}
console.log('%c', r);演示：https ://jsbin.com/cecuzeb/edit?output（2018-03-16 更新）
包：https : //github.com/zswang/jdetects
当打印“Element”Chrome 开发者工具时会得到它的 id
var checkStatus;
var element = document.createElement('any');
element.__defineGetter__('id', function() {
checkStatus = 'on';
});
setInterval(function() {
checkStatus = 'off';
console.log(element);
console.clear();
}, 1000);另一个版本（来自评论）
var element = new Image();
Object.defineProperty(element, 'id', {
get: function () {
/* TODO */
alert('囧');
}
});
console.log('%cHello', element);
打印一个正则变量：
var r = /./;
r.toString = function() {
document.title = 'on';
};
console.log(r);将这些先前的答案留在这里以了解历史背景。目前Muhammad Umer 的方法适用于 Chrome 78，具有检测关闭和打开事件的额外优势。
感谢Overcl9ck对这个答案的评论。/./用空函数对象替换正则表达式仍然有效。
var devtools = function() {};
devtools.toString = function() {
if (!this.opened) {
alert("Opened");
}
this.opened = true;
}
console.log('%c', devtools);
// devtools.opened will become true if/when the console is opened由于最初的提问者似乎不再存在并且这仍然是公认的答案，因此添加此解决方案以提高可见性。幸得安东宁·希尔德布兰德的评论上zswang s'的答案。此解决方案利用了toString()除非控制台打开，否则不会在记录的对象上调用的事实。
var devtools = /./;
devtools.toString = function() {
if (!this.opened) {
alert("Opened");
}
this.opened = true;
}
console.log('%c', devtools);
// devtools.opened will become true if/when the console is opened更新： console.profiles已从 Chrome 中删除。此解决方案不再有效。
感谢Paul Irish使用探查器从Discover DevTools指出这个解决方案：
function isInspectOpen() {
console.profile();
console.profileEnd();
if (console.clear) {
console.clear();
}
return console.profiles.length > 0;
}
function showIfInspectIsOpen() {
alert(isInspectOpen());
}<button onClick="showIfInspectIsOpen()">Is it open?</button>这个其他选项可以在页面加载后检测到打开的停靠检查器，但无法检测到未停靠的检查器，或者检查器是否在页面加载时已经打开。还有一些潜在的误报。
window.onresize = function() {
if ((window.outerHeight - window.innerHeight) > 100) {
alert('Docked inspector was opened');
}
}非常可靠的黑客
基本上在属性上设置一个 getter 并将其记录在控制台中。显然，只有在控制台打开时才能访问该内容。
https://jsfiddle.net/gcdfs3oo/44/
var checkStatus;
var indicator = document.querySelector('#devtool-status');
var element = new Image();
Object.defineProperty(element, 'id', {
get: function() {
checkStatus='on';
throw new Error("Dev tools checker");
}
});
requestAnimationFrame(function check() {
checkStatus = 'off';
console.dir(element);
indicator.className = checkStatus;
requestAnimationFrame(check);
});.on{
color:limegreen;
}
.off{
color:red;
}<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.7.1/css/all.css" integrity="sha256-DVK12s61Wqwmj3XI0zZ9MFFmnNH8puF/eRHTB4ftKwk=" crossorigin="anonymous" />
<p>
<ul>
<li>
dev toolbar open: icon is <span class="on">green</span>
</li>
<li>
dev toolbar closed: icon is <span class="off">red</span>
</li>
</ul>
</p>
<div id="devtool-status"><i class="fas fa-7x fa-power-off"></i></div>
<br/>
<p><b>Now press F12 to see if this works for your browser!</b></p>我创建了devtools-detect来检测 DevTools 何时打开：
console.log('is DevTools open?', window.devtools.open);
您还可以收听事件：
window.addEventListener('devtoolschange', function (e) {
console.log('is DevTools open?', e.detail.open);
});
当 DevTools 未停靠时，它不起作用。但是，适用于 Chrome/Safari/Firefox DevTools 和 Firebug。