如何繞過 disable-devtool.js 打開控制臺

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

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

原理分析

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

• 監(jiān)聽鍵盤事件
  例如檢測 F12、Ctrl+Shift+I、Ctrl+Shift+J 等組合鍵，一旦觸發(fā)就直接跳轉(zhuǎn)或關(guān)閉頁面。

• 窗口尺寸檢測
  判斷瀏覽器窗口大小是否異常（因為打開開發(fā)者工具時窗口會發(fā)生變化）。

• 調(diào)試檢測 (debugger)
  使用定時器不斷調(diào)用 debugger，如果被斷點攔截，就認(rèn)為有人在調(diào)試，從而執(zhí)行跳轉(zhuǎn)邏輯。

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

解決方案 —— 使用 Requestly 攔截腳本

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

步驟

1. 安裝 Requestly 插件
   在 Chrome 應(yīng)用商店搜索 Requestly，點擊安裝。安裝完成后，瀏覽器工具欄會出現(xiàn)一個小圖標(biāo)。

2. 創(chuàng)建攔截規(guī)則

   • 打開 Requestly 插件
   • 進(jìn)入 Rules → 選擇 New Rule → 選擇 Block Request 類型
   • 在匹配條件里輸入：

     disable-devtool
     

     

3. 保存規(guī)則并刷新頁面
   返回 https://esquilobrasil.com.br/。由于 disable-devtool.js 已被攔截，腳本不會再加載。
   現(xiàn)在你可以隨意按 F12 打開控制臺，頁面不會再跳轉(zhuǎn)。

總結(jié)

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

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

相關(guān)鏈接

• disable-devtool.js 項目地址：https://github.com/theajack/disable-devtool
• Requestly 插件：https://requestly.io/

到此這篇關(guān)于如何繞過disable-devtool.js打開控制臺的文章就介紹到這了,更多相關(guān)繞過disable-devtool.js打開控制臺內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論