首页 小组 问答 话题 好文 素材 用户 唠叨 我的社区

[代码]如何监听是否打开F12

鸟云Lv.1普通用户
2024-08-30 23:52:41
0
16
F12

在浏览器中监听是否打开 F12 开发者工具并不是一个标准的 Web API。然而,可以通过一些间接的方式实现这个目标。以下是一种方法,但请注意这并不是绝对可靠的解决方案,因为这可能会受到浏览器实现和安全策略的影响。

具体代码如下

    window.addEventListener('keydown', function (event) {
      // 检测是否按下了 F12 键
      if (event.keyCode === 123) {
        console.log('F12 开发者工具已打开');
        // 在这里执行你的逻辑,例如发送事件通知
      }
    });

    // 或者使用 'devtoolschange' 事件(仅在 Chrome 中有效)
    window.addEventListener('devtoolschange', function (event) {
      if (event.detail.isOpen) {
        console.log('F12 开发者工具已打开');
        // 在这里执行你的逻辑,例如发送事件通知
      }
    });

请注意,devtoolschange 事件仅在 Chrome 浏览器中有效,而监听 F12 键事件是一种比较通用的方法,但并不是绝对可靠,因为用户可以修改浏览器设置禁用 F12
在生产环境中,尝试监听开发者工具的状态可能会受到一些浏览器的限制,因为这样的功能可能被视为滥用。

鸟云
鸟云

53 天前

签名 :   16       0
评论
站长交流