我有一个网站,我想知道有多少人打开网页开发工具来检查我的网页中的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. 开发人员工具打开时jQuery文档高度错误
- 3. 如何在打开开发人员工具时停止元素移动
- 4. console.log在ie9中使用警报,开发人员工具打开
- 5. 如何使用机器人框架打开开发人员工具
- 6. 在编译的应用程序中打开开发人员工具的工具
- 7. Google Chrome开发人员工具模拟拖放事件
- 8. 使用chrome web开发人员工具在HTML5中调试javascript
- 9. JSON如何帮助Web开发人员?
- 10. 开发人员Web代理
- 11. web开发人员2010
- 12. XCode和开发人员工具
- 13. IE11开发人员工具错误
- 14. Chrome开发人员工具css编辑
- 15. Atom/Electron开发人员工具主题
- 16. Facebook开发人员工具包 - ExtendedPermissons
- 17. Ruby/Rails开发人员的JSP工具?
- 18. 其他Android开发人员工具
- 19. IE开发人员工具栏问题
- 20. Google Chrome开发人员工具
- 21. 看到开发人员工具
- 22. 如何在同一时间为java开发人员,c/C++开发人员,php开发人员安装eclipse?
- 23. iPhone开发开发人员计划和客户端
- 24. 如何在页面中阻止开发人员工具(如Firebug)?
- 25. VS2008如何从Web开发人员更改为C#开发人员设置
- 26. 面向Web开发人员的网页设计工具
- 27. Firefox Web开发人员工具栏导致古怪行为
- 28. 为eclipse安装AWS工具包juno EE for Web开发人员
- 29. 将开发人员添加到Apple开发人员帐户
- 30. 如何在Chrome开发人员工具中使用jQuery DataTables API?
基本上没有这种回调。人们正试图通过比较窗口和身体大小来实现。似乎并没有那么伟大...... –