快捷導(dǎo)航

一文詳解如何繞過disable-devtool.js打開控制臺(tái)

更新時(shí)間：2025年11月26日 11:02:26 作者：苦瓜大大王

這篇文章主要介紹了如何繞過disable-devtool.js打開控制臺(tái)的相關(guān)資料,isable-devtool可以禁用一切可以進(jìn)入開發(fā)者工具的方法,阻止通過開發(fā)者工具進(jìn)行的代碼抓取,需要的朋友可以參考下

如何繞過 disable-devtool.js 打開控制臺(tái)

在前端開發(fā)過程中，經(jīng)常會(huì)遇到一些網(wǎng)站禁止打開開發(fā)者工具 (F12)，只要一打開控制臺(tái)，頁面就會(huì)立刻關(guān)閉或跳轉(zhuǎn)。這類效果大多依賴一個(gè)叫 disable-devtool.js 的庫。

最近在研究 https://xxxxxxxxx.com.br/ 網(wǎng)站時(shí)，就遇到了這種情況。頁面引入了 disable-devtool.js，導(dǎo)致開發(fā)者工具無法正常使用。

disable-devtool.js 的主要功能是攔截用戶調(diào)試行為，常見實(shí)現(xiàn)方式包括：

監(jiān)聽鍵盤事件
例如檢測(cè) F12、Ctrl+Shift+I、Ctrl+Shift+J 等組合鍵，一旦觸發(fā)就直接跳轉(zhuǎn)或關(guān)閉頁面。
窗口尺寸檢測(cè)
判斷瀏覽器窗口大小是否異常（因?yàn)榇蜷_開發(fā)者工具時(shí)窗口會(huì)發(fā)生變化）。
調(diào)試檢測(cè) (debugger)
使用定時(shí)器不斷調(diào)用 debugger，如果被斷點(diǎn)攔截，就認(rèn)為有人在調(diào)試，從而執(zhí)行跳轉(zhuǎn)邏輯。

因此，只要這個(gè)腳本存在，就很難在正常環(huán)境下使用控制臺(tái)調(diào)試頁面。

最直接的辦法就是 阻止瀏覽器加載 disable-devtool.js 文件。

安裝 Requestly 插件
在 Chrome 應(yīng)用商店搜索 Requestly，點(diǎn)擊安裝。安裝完成后，瀏覽器工具欄會(huì)出現(xiàn)一個(gè)小圖標(biāo)。
創(chuàng)建攔截規(guī)則
- 打開 Requestly 插件
- 進(jìn)入 Rules → 選擇 New Rule → 選擇 Block Request 類型
- 在匹配條件里輸入：
```
disable-devtool
```
保存規(guī)則并刷新頁面
返回 https://esquilobrasil.com.br/。由于 disable-devtool.js 已被攔截，腳本不會(huì)再加載。
現(xiàn)在你可以隨意按 F12 打開控制臺(tái)，頁面不會(huì)再跳轉(zhuǎn)。

很多網(wǎng)站會(huì)通過 disable-devtool.js 等腳本來禁止用戶調(diào)試頁面。
該庫的原理是監(jiān)聽快捷鍵、檢測(cè)窗口尺寸和 debugger 延遲，一旦發(fā)現(xiàn)調(diào)試器，就立即跳轉(zhuǎn)或關(guān)閉頁面。
解決方法就是 在腳本運(yùn)行之前阻止它加載。
最簡(jiǎn)單有效的方式就是使用 Requestly 插件，設(shè)置 Block Request 規(guī)則，攔截 disable-devtool.js 文件。

這樣，我們就可以自由地打開控制臺(tái)，查看源碼和網(wǎng)絡(luò)請(qǐng)求，方便學(xué)習(xí)與研究。