禁止打开浏览器开发者工具，打开后自动关闭网站或跳转到指定网站

有一次看到一个网站效果还不错，准备打开开发者工具看看是怎么回事

结果……网站不见了？后来才发现，原来是用了这个库

https://cdn.jsdelivr.net/npm/disable-devtool@latest

将下面代码复制到functions.php中保存：

add_action('wp_footer', function() {
    ?>
    <script src="https://cdn.jsdelivr.net/npm/disable-devtool@latest" disable-devtool-auto></script>
    <?php
});

即可实现

• 打开 F12 / 开发者工具 → 直接关闭整个标签页
• 禁止右键
• 禁止 Ctrl+Shift+I / J / C、Ctrl+U
• debugger 时间差检测
• 窗口尺寸检测
• console 检测

不过我一般我太喜欢引用CDN，我喜欢把文件下载到本地来引用

于是找到官方下载页面：https://www.jsdelivr.com/package/npm/disable-devtool

下载到本地之后打开压缩包，发现里面有好几个文件，我们只需要把disable-devtool.min.js文件上传到服务器就行了

然后在functions.php中引用：

add_action('wp_footer', function() {
    ?>
    <script src="<?php echo get_stylesheet_directory_uri(); ?>/路径/disable-devtool.min.js"></script>
    <script>
    DisableDevtool({
        url: 'about:blank',
        interval: 200,
        disableMenu: true,
        disableSelect: false,
        disableCopy: true,
        disableCut: true,
        disablePaste: false,
        seo: true,
        clearLog: true,
        detectors: 'all',
    });
    </script>
    <?php
});

其中url是打开浏览器开发者工具后你指定跳转到哪个网址

interval表示检测间隔（毫秒），你可以理解为超过多少毫秒没关闭开发者工具则自动跳转

disableMenu表示是否禁用右键菜单

disableInputSelect表示是否禁用输入框选择

然后依次往下是是否禁用复制、剪切、粘贴以及是否保护SEO、是否每次清除console

detectors表示指定启用的检测器，all则表示启用所有的检测器，一共内置8种检测（检测到问题后则关闭或跳转页面）

搜索引擎爬虫（Googlebot、百度蜘蛛等）不会打开开发者工具，所以核心检测逻辑不会触发

而且库本身也提供了seo: true默认开启来保护SEO，所以一般无需担心

但是Google爬虫是支持JS渲染的，如果检测器误判可能会有一点点影响

所以为了防止影响网站SEO，我建议去掉其中可能有影响的检测器

detectors设置成detectors: [0, 1, 3, 4, 5, 6, 7]

最终代码：

add_action('wp_footer', function() {
    ?>
    <script src="<?php echo get_stylesheet_directory_uri(); ?>/路径/disable-devtool.min.js"></script>
    <script>
    DisableDevtool({
        url: 'about:blank',
        disableMenu: true,
        disableSelect: true,
        disableCopy: true,
        disableCut: true,
        seo: true,
        detectors: [0, 1, 3, 4, 5, 6, 7],
    });
    </script>
    <?php
});

开启SEO保护，去掉可能的影响，有需要直接复制上面代码修改一下自己的路径就可以了

如果觉得麻烦的，直接一行代码解决：

<script src="路径/disable-devtool.min.js" disable-devtool-auto></script>

全自动模式，复制到后台常规设置中的底部HTML标签里