一. 前言

這里主要是寫對於hook知識的一個理解和對於市面的混淆做出一個他的解法，相當於一個總和

二. hook

什么是hook? Hook技術又叫做鈎子函數，在系統沒有調用該函數之前，鈎子程序就先捕獲該消息，鈎子函數先得到控制權，這時鈎子函數既可以加工處理（改變）該函數的執行行為，還可以強制結束消息的傳遞。簡單來說，就是把系統的程序拉出來變成我們自己執行代碼片段。在程序中我們可以把他理解為劫持。

在js中的hook，替換原函數的都可以理解為hook，那么我們就有個疑問了，我們為什么可以hook呢，原因就是我們客戶端擁有最高解釋權，可以決定在任何時候注入hook，而服務器無法阻止，只能通過檢測hook或者混淆，讓其難度加大。這里我強烈推薦一篇文章, 可以讓你理解hook知識：https://mp.weixin.qq.com/s/IYFyjVrVkHtUdCzn9arkJQ。hook當然還有一個插件，那就是油猴，關於油猴就不在這里面過多描述了，可百度。

fillder中的JS替換

這里hook需要着重理解的就是object.defineProperty():

　　Object.defineProperty(obj, prop, descriptor)是基本語法，作用就是在一個對象上面定義一個新的屬性，或修改一個對象現有的屬性。

　　接收三個參數如下：

　　　　　　　　obj: 需要定義屬性的對象.

　　　　　　　　prop: 當前需要定義的屬性名，也就是你要hook的屬性

　　　　　　　　descriptor：屬性的描述符，可以取以下的值：

這里寫一個hook cookie的一個列子：　

1 Object.defineProperty(document, 'cookie', {
2             set:function(val){
3                debugger;
4                return val
5 }
6 })

這里第一個就是當前需要定義的對象，第二個就是你要hook的屬性，第三個就是描述符了。

在 Hook 中，使用最多的是存取描述符，即 get 和 set。

get：屬性的 getter 函數，如果沒有 getter，則為 undefined，當訪問該屬性時，會調用此函數，執行時不傳入任何參數，但是會傳入 this 對象（由於繼承關系，這里的 this 並不一定是定義該屬性的對象），該函數的返回值會被用作屬性的值。

set：屬性的 setter 函數，如果沒有 setter，則為 undefined，當屬性值被修改時，會調用此函數，該方法接受一個參數，也就是被賦予的新值，會傳入賦值時的 this 對象。

列子的話大家可以在我貼的上面代碼實現，需要注意的是，網站加載時首先要運行我們的 Hook 代碼，再運行網站自己的代碼，才能夠成功斷下，或者用fillder替換。這個過程我們可以稱之為 Hook 代碼的注入，下面寫幾種注入hook獲取屬性方法。

Hook Cookie

Object.defineProperty(document, 'cookie', {
            set:function(val){
               debugger;
               return val
}
})

Hook Header

Header Hook 用於定位 Header 中關鍵參數生成位置，以下代碼演示了當 Header 中包含 Authorization 關鍵字時，則插入斷點：

(function () {
    var org = window.XMLHttpRequest.prototype.setRequestHeader;
    window.XMLHttpRequest.prototype.setRequestHeader = function (key, value) {
        if (key == 'Authorization') {
            debugger;
        }
        return org.apply(this, arguments);
    };
})();

Hook URL

URL Hook 用於定位請求 URL 中關鍵參數生成位置，以下代碼演示了當請求的 URL 里包含 login 關鍵字時，則插入斷點：

(function () {
    var open = window.XMLHttpRequest.prototype.open;
    window.XMLHttpRequest.prototype.open = function (method, url, async) {
        if (url.indexOf("login") != -1) {
            debugger;
        }
        return open.apply(this, arguments);
    };
})();

Hook JSON.stringify

JSON.stringify() 方法用於將 JavaScript 值轉換為 JSON 字符串，在某些站點的加密過程中可能會遇到，以下代碼演示了遇到 JSON.stringify() 時，則插入斷點：

(function() {
    var stringify = JSON.stringify;
    JSON.stringify = function(params) {
        console.log("Hook JSON.stringify ——> ", params);
        debugger;
        return stringify(params);
    }
})();

Hook JSON.parse

JSON.parse() 方法用於將一個 JSON 字符串轉換為對象，在某些站點的加密過程中可能會遇到，以下代碼演示了遇到 JSON.parse() 時，則插入斷點：

(function() {
    var parse = JSON.parse;
    JSON.parse = function(params) {
        console.log("Hook JSON.parse ——> ", params);
        debugger;
        return parse(params);
    }
})();