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

Question

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

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

这可能吗？

Answer 1

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

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

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

---

以下是他们在发现 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/

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