如何检测Chrome Inspect Element是否正在运行？

Question

有没有办法检测Chrome Inspect Element窗口是否正在运行？

例如，如果用户点击Chrome中的“检查元素”，该窗口会显示Hello World提醒。

这可能吗？

Answer 1

更新这不再有效。 Chrome 29中已删除该属性console.profiles。

唯一的解决方案是检查@Gerben建议的window.outerHeight和window.innerHeight之间的区别。基于此方法的库devtools-detect会将devtoolschange添加到window对象。

或者，正在努力使用更强大的检测方法创建Chrome扩展程序，请参阅此Google Group。

---

以下是他们如何检查DevTools在Discover DevTools互动课程的第一次挑战中是否开放：

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

Answer 2

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

行动中：http://jsbin.com/ediquk/

请注意，似乎resize事件被触发两次，因此您应该检查是否已经提醒使用了。