网站使用JS禁用访问者浏览器的开发者模式，F12，选中复制等操作

站长有话说

自己网站的代码经常被扒，或是被绕过内容付费白拿，也是一些站长经常讨论的话题，但是网上找的教程大都过于陈旧，多数无法正常工作了。不过王先生最近找到一个号称“一行代码搞定禁用web开发者工具”的开源且实时更新的javascript代码，虽然拦截不了一些插件脚本的破解，但干净一些的浏览器还是可以拦截住的。

禁用浏览器开发者模式功能介绍

disable-devtool来自Github开源平台，地址：https://github.com/theajack/disable-devtool

感谢作者开发的代码，如果有朋友喜欢，可以给该库点个小星星。

disable-devtool可以禁用所有一切可以进入开发者工具的方法，防止他人通过开发者工具进行的”代码搬运“

该程序有以下几个特点：

1. 支持可配置是否禁用右键菜单
2. 禁用 f12 和 ctrl+shift+i 等快捷键
3. 支持识别从浏览器菜单栏打开开发者工具并关闭当前页面
4. 开发者可以绕过禁用 (url参数使用tk配合md5加密)
5. 多种监测模式，支持几乎所有浏览器（IE,360,qq浏览器,FireFox,Chrome,Edge...）
6. 高度可配置、使用极简、体积小巧
7. 支持npm引用和script标签引用(属性配置)
8. 识别真移动端与浏览器开发者工具设置插件伪造的移动端，为移动端节省性能
9. 支持识别开发者工具关闭事件
10. 支持可配置是否禁用选择、复制、剪切、粘贴功能
11. 支持识别 eruda 和 vconsole 调试工具
12. 支持挂起和恢复探测器工作
13. 支持配置ignore属性，用以自定义控制是否启用探测器
14. 支持配置iframe中所有父页面的开发者工具禁用

普通网站项目如何使用禁用浏览器开发者模式JS

果真是加一行代码就搞定啊

简单引用，使用默认配置

建议将该JS文件引用地址放在网站body的最底部，如果你的网站有footer或者后台可设置全局代码，那就更好了

<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@latest'></script>

如果想要开关功能，可以使用属性配置

上面提到的，只是简单使用

<script 
    disable-devtool-auto
    src='https://cdn.jsdelivr.net/npm/disable-devtool'
    interval='xxx'
    disable-menu='xxx'
    detectors='xxx'
    clear-log='true'
    disable-select='true'
    disable-copy='true'
    disable-cut='true'
    disable-paste='true'
></script>

部分简单参数设置说明

    md5='string' // 管理员绕过禁用的md5值，默认不启用绕过禁用
    url='string' // 关闭页面失败时的跳转页面，默认值为localhost
    tk-name='string' // 绕过禁用时的url参数名称，默认为 ddtk
    interval='number' // 定时器的时间间隔 默认200ms
    disable-menu='boolean' // 是否禁用右键菜单 默认为true
    stopInterval-time='number' // 在移动端时取消监视的等待时长
    clearInterval-when-dev-open-trigger='boolean' // 是否在触发之后停止监控 默认为false
    clear-log='boolean' // 是否每次都清除log
    disable-select='boolean' // 是否禁用选择文本 默认为false
    disable-copy='boolean' // 是否禁用复制 默认为false
    disable-cut='boolean' // 是否禁用剪切 默认为false
    disable-paste:'boolean' // 是否禁用粘贴 默认为false
    disableIframe-parents='boolean' // iframe中是否禁用所有父窗口
    time-out-url='string' // 关闭页面超时跳转的url;

md5和tk-name参数配置自己可绕过限制

通过这两个参数的设置，我们自己修改url参数访问站点后，打开浏览器开发者模式是不受限制的

总结

这个JS是不错，但也仅仅是防小白。对这方面懂一点儿的，就会绕过，具体怎么绕过我就不说了，免得给小白降低门槛，导致这个JS也成为摆设。也就小白没有版权意识，到处复制代码，进控制台绕过付费墙。说起来我还得谢谢他们，要不是有这么一群人，就不会有这篇文章，disable-devtool作者也不会写这个JS。