如何检测Chrome检查元素是否运行

How to detect Chrome Inspect Element is running or not?

本文关键字：检查 元素 是否 运行 Chrome 何检测 检测      更新时间：2023-09-26

是否有任何方法来检测Chrome检查元素窗口是否正在运行?

例如，如果用户在Chrome中单击"Inspect Element"，则窗口显示Hello World警报。

这可能吗?

UPDATE此操作不再有效。属性console.profiles已在Chrome 29中删除。

唯一的解决方案是检查window.outerHeight和window.innerHeight之间的差异，如@Gerben所建议的。有一个基于此方法的库devtools-detect，它将devtoolschange添加到window对象中。

或者，有一个正在进行的努力，以创建一个Chrome扩展使用更强大的检测方法，见这个谷歌组。

在发现DevTools互动课程的第一个挑战中，他们是如何检查DevTools是否打开的:

function () {
    console.profile(); 
    console.profileEnd(); 
    if(console.clear) { console.clear() };
    return console.profiles.length > 0;
}

window.onresize = function(){
 if((window.outerHeight-window.innerHeight)>100)
   alert('hello');
}

实际操作:http://jsbin.com/ediquk/

注意，resize事件似乎被触发了两次，所以您应该检查是否已经通知了使用。

相关文章：