我有一个网站,我想知道有多少人打开网页开发工具来检查我的网页中的HTML和Javascript代码。 所以我需要添加一个事件监听器,但它看起来像Google Chrome和许多浏览器不提供任何关于此的API。 我怎么能得到这个活动?如何在客户打开Web开发人员工具时获取事件?
回答
这可能是有帮助的,
https://github.com/sindresorhus/devtools-detect
这里是直接链接到
demo
UPDATE:
如果脱开这可能解决不记录问题, https://github.com/NeekSandhu/DevtoolsDetect/
这里是直接链接到demo
如果开发工具在上次用户使用它们时被解除锁定,则以前的版本将不起作用。我重写了他的版本,可以解决问题。但仍然有一些警告,在演示中列出。
这实际上工作...直到开发工具停靠:) –
这与其他线程上说的相同的东南部,如果它是脱钩的,你可以得到误报 –
我看到这个回购的源代码。我发现它测试窗口的宽度和高度以检测DevTool是否打开。所以,如果DevTool解除了连接,它将无法再检测到。有没有什么方法可以检测DevTool停靠的时间? – zhuyingda
- 1. Silverlight在打开Chrome开发人员工具时消失
- 2. 开发人员工具打开时,Javascript onclick不会触发
- 3. Opera 18 Web开发人员工具
- 4. Java开发人员的开发工具
- 5. 开发人员工具打开时jQuery文档高度错误
- 6. Chrome开发人员工具如何模拟触摸事件?
- 7. 如何在打开开发人员工具时停止元素移动
- 8. 如何从IE开发人员工具获取数据?
- 9. 从开发人员客户端工作站使用ASP.Net Web API
- 10. console.log在ie9中使用警报,开发人员工具打开
- 11. 在Android设备上打开Google Chrome开发人员工具
- 12. 如何使用机器人框架打开开发人员工具
- 13. 在编译的应用程序中打开开发人员工具的工具
- 14. 使用开发人员工具跟踪jQuery事件绑定
- 15. 通过开发人员工具更改价值的事件
- 16. Google Chrome开发人员工具模拟拖放事件
- 17. Eclipse PHP开发人员工具在打开PHP文件后崩溃
- 18. 使用chrome web开发人员工具在HTML5中调试javascript
- 19. JSON如何帮助Web开发人员?
- 20. 如何打开或发送事件时获取文件目录?
- 21. web开发人员2010
- 22. 开发人员Web代理
- 23. Chrome开发人员工具错误
- 24. 其他Android开发人员工具
- 25. Chrome开发人员工具css编辑
- 26. 看到开发人员工具
- 27. Atom/Electron开发人员工具主题
- 28. Ruby/Rails开发人员的JSP工具?
- 29. Google Chrome开发人员工具
- 30. IE开发人员工具栏问题
基本上没有这种回调。人们正试图通过比较窗口和身体大小来实现。似乎并没有那么伟大...... –