如何检测 Chrome Inspect Element 是否正在运行？ [复制]

Question

有什么方法可以检测 Chrome Inspect Element 窗口是否正在运行？

例如，如果用户在 Chrome 中单击“检查元素”，则窗口会显示 Hello World 警报。

这可能吗？

Answer 1

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

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

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

Answer 2

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

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

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

---

这是他们在Discover DevTools 交互式课程的第一个挑战中检查 DevTools 是否打开的方式：

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