我正在使用这个小脚本来判断Firebug是否已打开：
if (window.console && window.console.firebug) {
//is open
};
它很有效。现在我搜索了半个小时，想找到一种检测Google Chrome内置的Web开发人员控制台是否打开的方法，但是我找不到任何线索。
这个：
if (window.console && window.console.chrome) {
//is open
};
无法正常工作。
编辑:
所以看起来不可能检测到Chrome控制台是否打开。但是，有一个"hack"可以使用，但存在一些缺点：
因此，我暂时选择Unsigned的答案，但如果有人想出了一个绝妙的想法，他仍然可以回答并且我将更改选定的答案！谢谢！
对于历史背景，以下是之前的回答。
虽然不是绝对可靠的，但另一个回答中的基于调试器的方法似乎仍然有效。 参考链接
目前，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这是一个解决方案，如果原始提问者已不在场并且此解答仍被接受，可以添加该解决方案以提高其可见性。感谢Antonin Hildebrand在评论中的贡献和zswang的回答。该解决方案利用了只有在控制台打开时才会调用日志对象上的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');
}
}function() {} 而不是正则表达式，它就可以工作。 - Overcl9ckChrome 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
在 Chrome 开发者工具中打印“Element”时，将获取其 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);__defineGetter__已过时，所以我改用了Object.defineProperty(element, 'id', {get:function() {checkStatus='on';}});，仍然有效。 - denikovsetInterval。 - xpyvar 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>throw new Error("Dev tools checker"); 的作用是什么？因为没有它也能正常运行。 - Legendselement.id，它会抛出一个错误，以便你知道你在使用它时是错误的。console.log(element.id) 不起作用，因为你正在自己访问 id，而目标是让控制台访问该属性。console.dir 将自动访问所提供参数的所有属性，并且它将抑制/忽略该错误。这就是为什么这是一个聪明的技巧，因为它强制控制台进行属性访问。现在，如果我们只能想出一种不垃圾填满控制台的方法就好了。 - Francisc0我创建了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一起使用。
console.log(Object.defineProperties(new Error, {
message: {get() {alert('Chrome/Firefox')}},
toString: {value() {(new Error).stack.includes('toString@')&&alert('Safari')}}
}));
alert()）。时间戳可以通过IIFE私有化。 setTimeout的缺点是控制台垃圾邮件。 - starball<script>中添加此代码时，在没有打开开发者工具的情况下打开页面，然后已经设置了开发者工具以保持设备工具栏打开，这对我有效。 - starball<script>标签中添加这段代码后，关闭开发者工具并打开页面，然后再次打开开发者工具并确保之前已经设置了开发者工具以保持设备工具栏打开，这样对我来说是有效的。 - starball------ 更新：------
这是一个旧问题，有许多很好的答案在一段时间内都有效。截至2022年9月5日，目前最佳答案是由@starball提供的https://dev59.com/nmsz5IYBdhLWcg3wlY0n#68494829。
顺便说一下，自从我发布这个答案以来，它仍然有效，只是有点难以保证始终准确。在我的演示中，点击“手动基准测试”链接，无论控制台是关闭还是打开，都可以看到我所指的差异总是很大。
----------------------
我找到了一种方法来判断Chrome控制台是否打开。 这仍然是一种技巧，但它更准确，并且无论控制台是否被拆开都可以工作。console.log(1);
console.clear();
解决方案似乎有几类常见的：
debugger语句的时间启发式方法。棘手之处在于找到一种方式，使计时器不会被事件循环队列中的长时间运行的任务所混淆，并且debugger语句会暂停它所在线程的执行。还有一个挑战是，普通的debugger语句可以被用户逐个禁用或全部禁用。debugger方法中特定问题的方案。即避免主线程在启发式计时器之间运行长任务时出现误报，避免debugger语句阻塞主线程，并防止禁用debugger语句。注意：我认为没有办法防止用户禁用所有调试器断点，这可能是最好的做法。我发布了一个参考实现（由我编写）在GitHub上，这里有演示。
console.log 方法不同，在不妨碍控制台信息的情况下可以为多个打开关闭的控制台工作。我发现新的方法在Chrome 89中可行
使用console.profile、setInterval和function toString
var devtools = function() {};
devtools.toString = function() {
alert('NOPE!!')
return '-'
}
setInterval(()=>{
console.profile(devtools)
console.profileEnd(devtools)
}, 1000)
DOMWindow对象，而不仅仅是document。function isConsoleOpen() {
var startTime = new Date();
debugger;
var endTime = new Date();
return endTime - startTime > 100;
}
$(function() {
$(window).resize(function() {
if(isConsoleOpen()) {
alert("You're one sneaky dude, aren't you ?")
}
});
});
.message（当调试器打开时会看到消息），但不幸的是，即使调试器没有打开，这种情况也会发生。如果有的话，我想知道一个解决方法... - pimvdb