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

Question

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

例如,如果用户点击Chrome中的"检查元素",则该窗口会显示Hello World警告.

那可能吗？

Answer 1

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

剩下的唯一解决方案是检查@Gerben 之间window.outerHeight和之间window.innerHeight的区别.有一个基于此方法的devtools-detect库可以添加devtoolschange到window对象中.

或者,正在努力使用更强大的检测方法创建Chrome扩展程序,请参阅此Google网上论坛.

以下是他们如何在Discover DevTools互动课程的第一个挑战中检查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事件被触发两次,因此您应该检查是否已经提醒使用了.