我有一個網站,我想知道有多少人打開網頁開發工具來檢查我的網頁中的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開發人員工具欄問題
基本上沒有這種回調。人們正試圖通過比較窗口和身體大小來實現。似乎並沒有那麼偉大...... –