当客户打开Web开发工具时如何获得事件？

Question

我有一个网站，想知道有多少人打开开发者工具来检查我的网页中的HTML和Javascript代码。因此，我需要添加一个事件监听器，但似乎Google Chrome和很多浏览器都没有提供任何关于这个的API。那么我该如何获取这个事件呢？

- Sugar

---

基本上没有这样的回调函数。人们试图通过比较窗口和正文大小来实现它。看起来并不是很好... - Flash Thunder

Answer 1

这个可能有帮助，https://github.com/sindresorhus/devtools-detect

以下是演示版的直接链接

更新：

如果工具已经脱离浏览器窗口，这可能会解决无法记录问题， https://github.com/NeekSandhu/DevtoolsDetect/

以下是演示版的直接链接

之前的版本无法正常运行，如果用户上次使用时停靠了开发者工具。我重新制作了版本，解决了该问题，但仍存在一些注意事项，详见演示。

- Neek Sandhu

---

这实际上是有效的...直到开发工具停靠 :) - Flash Thunder

这与其他线程中所述的情况相同，如果未连接，则可能会出现错误结果。 - Sami Triki

我看了这个仓库的源代码。我发现它测试窗口的宽度和高度来检测 DevTool 是否打开。因此，如果 DevTool 取消停靠，它就无法再检测到了。有没有办法检测 DevTool 取消停靠的时候？ - Sugar

修复了无法检测到未连接设备的问题。现在，即使未连接设备，也会至少报告用户与开发工具进行了交互。 - Neek Sandhu