绕过devtools-detector检测方法：使用油猴脚本破解控制台检测

于 2025-03-30 21:43:20 发布
阅读量180 收藏
点赞数 1
分类专栏： 自动化和爬虫与逆向教程 文章标签： 控制台检测 控制台打开检测 绕过开发工具检测 检测开发者工具 devtools检测 绕过控制台检测
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41961749/article/details/146778330
版权

绕过devtools-detector检测方法：使用油猴脚本破解控制台检测

前言
今天在论坛上看到一个挺有趣的东西，是AEPKILL大佬写的devtools-detector库。这个库用于检测浏览器开发者工具（DevTools）是否开启，测试地址可以在这里。其中一个功能是，当选中“If devtools is opened, let the current page to crash after two seconds”，并且打开控制台后，页面会在两秒钟后卡死。这个功能看似很酷，但它也给了我们一些绕过的机会。

在这里插入图片描述

问题分析
当我们分析源码时（查看源码），发现引入该JS文件后，它会在全局实例化一个devto

了解本专栏 订阅专栏 解锁全文
devtools-detector：检测浏览器开发者工具是否打开的 JavaScript 库的使用方法
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
03-30 82
在前端开发过程中，我们常常需要了解开发者工具是否打开。是一个非常简单易用的 JavaScript 库，可以帮助你检测浏览器开发者工具（DevTools）是否打开。本文将介绍如何安装、使用该库，以及它的一些重要特性。
js检测开发者工具是否被打开防调试使用devtools-detector插件
qq_39532524的博客
01-13 4282
经测试在谷歌 火狐 ie9 微信浏览器 支付宝浏览器 safari opera都可以检测到开发者工具是否被打开，并且清空所有console.log。
js逆向笔记 绕过某网站开发者工具检测
m0_75266682的博客
01-17 1950
通过这次逆向分析，我了解到了网站是如何通过 JavaScript 检测开发者工具的打开状态，并采用了页面跳转的方式阻止用户进一步操作。幸运的是，通过修改、URL 参数和userAgent，我成功绕过了这道检测，能够继续访问页面。这次经历不仅让我深入了解了浏览器开发者工具的检测方法，还让我掌握了一些常见的绕过技巧。作为一个学习者，技术分享不仅是展示自己所学的一个途径，也让我在实践中更加深刻地理解了这些技术的应用。希望这篇技术分享对大家有所启发，尤其是那些对逆向分析和绕过技术感兴趣的朋友们。
逃避浏览器JS检测打开开发者工具
围城
03-04 2292
虽然最后弄到了我想要的结果，但是实际上，还是没有从本质的反扒策略上搞清楚到底咋回事。就比如说，我想看看他到底怎么检测的，还是得从源码的角度来弄。不过我看了看，这些视频网站最后断点位置的代码都比较相似，估计都是使用了类似的库，所以后续可以看看到底是哪个库，然后弄明白他是利用了什么检测方式。
【绕过无限Debugger】
武帝为此的博客
06-25 1565
然而，这一功能有时会被滥用，形成所谓的“无限debugger”，这是一种防止开发者或爬虫正常访问或调试网站的技术。这样做的效果是，一旦调试工具被激活（如开发者打开了浏览器的开发者工具），代码就会被无限地中断在这里，除非有外部介入来停止这个循环。：无限debugger通常被嵌入在JavaScript代码的关键部分，例如在一个执行频繁的循环中或在某个重要函数的开始处。语句，或在关键功能执行前设置断点。这种做法的目的是通过创建一个无法逃脱的调试循环，来阻挡未经授权的调试尝试，如自动化脚本或爬虫的介入。
浏览器开发者工具打开检测
不定时分享最优质的网络技术与教程，满满的干货。
09-25 769
优先使用方法一，可以在safari firefox中起作用chrome中使用方法二如果禁用了debugger，可以使用方法三，不过方法三属于经验总结，并不一定准确，可能会误判。方法四误判的概率更大，如果可以确定目标浏览器，则可以针对性的使用。
[node] 检测调试工具状态库 devtools-detector
啊嘞嘞的博客
05-11 1423
说明 在某些场景需要获取打印台窗口状态时，devtools-detector可以作为解决方案。 github地址：https://github.com/sindresorhus/devtools-detect#readme 使用 vue项目直接在main.js中加入 import { addListener, lanuch } from 'devtools-detector' // 1. add listener addListener( // eslint-disable-next
DevTools
最新发布
05-05
### 浏览器 DevTools 使用指南 #### 1. 开启开发者工具的方式 浏览器的开发者工具可以通过多种方式启动。最常见的是按下快捷键 `F12` 或者右键点击页面中的任意位置并选择 **检查**[^4]。 --- #### 2. 主要功能...
【插件开发实用指南】：如何扩展ueditor-dev-1.5.0的功能
!... # 摘要 ueditor-dev-1.5.0作为一个流行的网页富文本编辑器，其插件开发是提高编辑器功能性和定制性的重要途径。本文从架构理解、基础技巧、高级功能实现到实践应用，全面探讨了ueditor-dev-1.5.0插件开发的各个...
【性能优化秘籍】：chromedriver性能提升，测试不再慢！
![【性能优化秘籍】：chromedriver性能提升，测试不再慢！... # 摘要 本文旨在全面探讨...随后，深入分析了影响chromedriver性能的因素，提出了实际的优化方法，如参数调整、脚本优化和并发执行优化。此外，本文详
devtools-detect:检测DevTools是否打开及其方向
04-30
开发工具检测 检测DevTools是否打开及其方向 当您需要在打开DevTools时发生一些特别的事情时很有用。 如暂停画布，添加样式调试信息等。 安装 $ npm install devtools-detect 用法 < script src =" node_modules/devtools-detect/index.js " > </ script > < script type =" module " > // Check if it's open console . log ( 'Is DevTools open:' , window . devtools . isOpen ) ; // Check it's orientation, `undefined` if not open console . log ( 'DevTools orientation:' , wind
devtools-detector:检测DevTools是否打开
05-01
devtools检测器 安装 npm install devtools-detector --save 用法 ES6和TypeScript import { addListener , launch } from 'devtools-detector' ; const view = document . createElement ( 'div' ) ; document . body . appendChild ( view ) ; // 1. add listener addListener ( isOpen => ( view . innerText = isOpen ? 'devtools status: open' : 'devtools status: close' ) ) ; // 2. launch detect launch ( )
推荐一款插件devtools-detector 前端实现控制台检测
weixin_42860683的博客
06-04 590
前端+vue3实现浏览器控制台监控，实现安全限制
探索DevTools Detector: 技术驱动的安全卫士
gitblog_00034的博客
04-10 656
探索DevTools Detector: 技术驱动的安全卫士 devtools-detectorDetect if DevTools is open项目地址:https://gitcode.com/gh_mirrors/de/devtools-detector 项目简介 是一个轻量级的JavaScript库，用于检测浏览器开发者工具（如Chrome DevTools或Firefox Develo...
禁止F12调试网页，【Devtools-Detector】检测是否打开了【开发者工具】
乔的博客
03-25 286
1、Devtools-Detector 是一个轻量级的JavaScript库，用于检测浏览器的开发者工具（DevTools）是否已打开。当你希望在前端应用中阻止或监控用户进行调试操作时，这个库非常实用。它支持多种浏览器，包括IE9及以上的版本，并提供了简单的API供开发者调用。2、使用npm安装Devtools-Detector。
推荐开源项目：devtools-detector
gitblog_00587的博客
08-09 598
推荐开源项目：devtools-detector devtools-detectorDetect if DevTools is open项目地址:https://gitcode.com/gh_mirrors/de/devtools-detector 你是否曾为监测用户的开发者工具状态而烦恼？devtools-detector正是为此需求而生。作为一款轻量级、高效能的工具包，它能够帮助开发者实时捕...
开源项目devtools-detector指南：检测浏览器DevTools是否开启
gitblog_00961的博客
08-09 662
开源项目devtools-detector指南：检测浏览器DevTools是否开启 项目地址:https://gitcode.com/gh_mirrors/de/devtools-detector 目录结构及介绍 该项目主要提供了在前端环境中检查浏览器开发者工具(DevTools)是否已打开的功能。下面我们将详细介绍其关键目录和文件的作用: 根目录 README.md: 项目说明文档,介绍了如何...
JS调试检测 及 绕过方法
zzzzls 的博客
03-05 2780
JS调试检测 及 绕过方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码简单说

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值