你有沒有遇過這種情況：打開開發者工具，Network 面板裡躺著一個請求，參數是一長串看不懂的亂碼——你知道答案就在那裡，卻不知道從何看起。

這份教學要講的 Hook（鉤子），就是專門解決這件事的技術。它不修改網站一行程式碼，卻能把原本看不見的資料流全部攤開。

這份教學包含什麼

1. Hook 是什麼——一句話說清
2. 所有 Hook 的共同套路（存 → 換 → 看 → 還）
3. 怎麼在瀏覽器裡跑起來，以及「時機」這個大坑
4. 十個腳本逐一詳解：JSON、XHR/fetch、cookie、eval、storage、WebSocket、Base64、定時器、隨機數、defineProperty
5. 組合技：三步找出「加密參數」是怎麼算出來的
6. 六個常見坑速查表
7. 全部腳本打包下載

先試吃一口

十個腳本看起來各不相同，但原理其實只有一個，四個步驟：

// ① 先把原生方法存起來
var _stringify = JSON.stringify;

// ② 換成自己寫的版本
JSON.stringify = function () {
    console.log('進來了：', arguments[0]);    // ③ 看一眼
    return _stringify.apply(this, arguments); // ④ 原樣還回去
};

存 → 換 → 看 → 還。就這麼簡單。第一步的「存」絕對不能省——忘了存，改寫後的函式會呼叫自己，直接爆棧把頁面弄壞。

搞懂這四步，十個腳本你都能自己寫得出來。

閱讀完整版與下載腳本

完整的十個腳本逐一詳解、核心程式碼、實戰組合配方、常見坑速查表，以及可下載的 .js 檔案，請看這裡：

👉 JavaScript Hook · 十招實戰詳解（完整版）

完整版支援深色模式、程式碼語法上色，手機閱讀也做了適配。文末可打包下載全部 10 個腳本。