【JS 逆向学习】【笔记】03-油猴插件tampermonkey、常用hook脚本 声明 插件安装 hook实例 更多插件脚本参考

本文用于接收油猴插件，收录常见的hook脚本

声明

本文章内容仅供学习交流，抓包内容、敏感网址、数据接口均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关，若有侵权，请联系我立即删除！

---

插件安装

方法1：将下载下来的压缩包解压出来，其中类型为CRX文件就是接下来需要用到的安装文件。

打开浏览器设置，打开扩展程序页面，或者直接搜索Chrome://extensions/进入。然后保持页面开发者模式的开启。找到被解压后的tampermonkey.crx文件，将其拖动到扩展程序页面，释放并同意完成安装。

方法2：直接百度手动搜索进入Tampermonkey官网。

点击下载，并安装

hook实例

下面介绍常用脚本，或下载常用脚本

实例1:hook cookie

chrome->工具栏->油猴图标->管理面板->新建脚本

进入管理面板

编写hook代码，并保存

// ==UserScript==
// @name         Cookie Hook for aqy __dfp
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  爱奇艺Hook-Cookie 脚本示例
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function () {
  'use strict';
  var cookieTemp = '';
  Object.defineProperty(document, 'cookie', {
    set: function (val) {
      if (val.indexOf('__dfp') != -1) {
        debugger;
      }
      console.log('Hook捕获到cookie设置->', val);
      cookieTemp = val;
      return val;
    },
    get: function () {
      return cookieTemp;
    },
  });
})();

保持脚本

启用脚本

在chrome访问网页
成功hook到cookie,会自动产生断点，也打印出信息

实例2:hook localStorage.getItem("某某参数");

// ==UserScript==
// @name         Hook localStorage.getItem
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  localStorage.getItem脚本示例  localStorage.getItem("某某参数");
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    var tmp_getItem = localStorage.getItem;
    localStorage.getItem = function(params) {
        console.log("Hook localStorage.getItem ——> ", params);
        debugger;
        return tmp_getItem(params);
    }
})();

实例3:hook URL open = function (method, url, async);

用于定位请求 URL 中关键参数生成位置，以下代码演示了当请求的 URL 里包含 "videoTopResource"关键字时，则插入断点：

// ==UserScript==
// @name         Hook URL
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  用于定位请求 URL 中关键参数生成位置;
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==

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

实例4:hook setRequestHeader(key, value);

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

实例5：Hook JSON.stringify(params)

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);
    }
})();

实例6：Hook JSON.parse(params)将一个 JSON 字符串转换为对象

JSON.parse() 方法用于将一个 JSON 字符串转换为对象，在某些站点的加密过程中可能会遇到，以下代码演示了遇到 JSON.parse() 时，则插入断点：

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

实例7：Hook eval(src)动态执行 JS

JavaScript eval() 函数的作用是计算 JavaScript 字符串，并把它作为脚本代码来执行。如果参数是一个表达式，eval() 函数将执行表达式。如果参数是 Javascript 语句，eval() 将执行 Javascript 语句，经常被用来动态执行 JS。以下代码执行后，之后所有的 eval() 操作都会在控制台打印输出将要执行的 JS 源码：

// ==UserScript==
// @name         Hook eval() 操作都会在控制台打印输出将要执行的 JS 源码
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Hook eval() 操作都会在控制台打印输出将要执行的 JS 源码;
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    // 保存原始方法
    window.__cr_eval = window.eval;
    // 重写 eval
    var myeval = function(src) {
        console.log(src);
        console.log("=============== eval end ===============");
        debugger;
        return window.__cr_eval(src);
    }
    // 屏蔽 JS 中对原生函数 native 属性的检测
    var _myeval = myeval.bind(null);
    _myeval.toString = window.__cr_eval.toString;
    Object.defineProperty(window, 'eval', {
        value: _myeval
    });
})();

实例8：Hook window.Function所有的函数操作都会在控制台打印输出将要执行的 JS 源码

// ==UserScript==
// @name         Hook window.Function
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  Hook window.Function
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==
(function() {
    // 保存原始方法
    window.__cr_fun = window.Function;
    // 重写 function
    var myfun = function() {
        var args = Array.prototype.slice.call(arguments, 0, -1).join(","),
            src = arguments[arguments.length - 1];
        console.log(src);
        console.log("=============== Function end ===============");
        debugger;
        return window.__cr_fun.apply(this, arguments);
    }
    // 屏蔽js中对原生函数native属性的检测
    myfun.toString = function() {
        return window.__cr_fun + ""
    }
    Object.defineProperty(window, 'Function', {
        value: myfun
    });
})();

实例9：Hook createElement查看创建了什么元素

document下的createElement()方法的hook,查看创建了什么元素

// ==UserScript==
// @name         Hook createElement查看创建了什么元素
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  查看创建了什么元素createElement
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==

(function() {
    'use strict'
   var _createElement = document.createElement.bind(document);
   document.createElement = function(elm){
   // 这里做判断 是否创建了script这个元素
   debugger;
   if(elm == 'body'){
        debugger;
   }
    return _createElement(elm);
}
})();

实例10：websocket hook

// ==UserScript==
// @name         websocket hook
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  websocket hook
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==

 // 1、webcoket 一般都是json数据格式传输，那么发生之前需要JSON.stringify
var my_stringify = JSON.stringify;
JSON.stringify = function (params) {
    //这里可以添加其他逻辑比如 debugger
    console.log("json_stringify params:",params);
    return my_stringify(params);
};

var my_parse = JSON.parse;
JSON.parse = function (params) {
    //这里可以添加其他逻辑比如 debugger
    console.log("json_parse params:",params);
    return my_parse(params);
};

// 2  webScoket 绑定在windows对象，上，根据浏览器的不同，websokcet名字可能不一样
//chrome window.WebSocket  firfox window.MozWebSocket;
window._WebSocket = window.WebSocket;

// hook send
window._WebSocket.prototype.send = function (data) {
    console.info("Hook WebSocket data", data);
    return this.send(data)
}

Object.defineProperty(window, "WebSocket",{value: WebSocket})

实例11：js hook ajax 进一步分析

// ==UserScript==
// @name         js hook ajax 进一步分析
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  js hook ajax 进一步分析
// @author       younghare
// @match        *
// @icon         http://wework.qpic.cn/bizmail/MRHcKwRohReU225xmwYk2qqQW6oHFzXdy105rFyic0JJgSq43QAWY2A/0
// @grant        none
// @run-at       document-start
// ==/UserScript==

//将此代码粘贴到工具中
!function(t) {
    function n(e) {
        if (r[e]) return r[e].exports;
        var i = r[e] = {
            exports: {},
            id: e,
            loaded: !1
        };
        return t[e].call(i.exports, i, i.exports, n),
        i.loaded = !0,
        i.exports
    }
    var r = {};
    return n.m = t,
    n.c = r,
    n.p = "",
    n(0)
} ([function(t, n, r) {
    r(1)(window)
},
function(t, n) {
    t.exports = function(t) {
        var n = "RealXMLHttpRequest";
        t.hookAjax = function(t) {
            function r(n) {
                return function() {
                    var r = this.hasOwnProperty(n + "_") ? this[n + "_"] : this.xhr[n],
                    e = (t[n] || {}).getter;
                    return e && e(r, this) || r
                }
            }
            function e(n) {
                return function(r) {
                    var e = this.xhr,
                    i = this,
                    o = t[n];
                    if ("function" == typeof o) e[n] = function() {
                        t[n](i) || r.apply(e, arguments)
                    };
                    else {
                        var u = (o || {}).setter;
                        r = u && u(r, i) || r;
                        try {
                            e[n] = r
                        } catch(t) {
                            this[n + "_"] = r
                        }
                    }
                }
            }
            function i(n) {
                return function() {
                    var r = [].slice.call(arguments);
                    if (!t[n] || !t[n].call(this, r, this.xhr)) return this.xhr[n].apply(this.xhr, r)
                }
            }
            return window[n] = window[n] || XMLHttpRequest,
            XMLHttpRequest = function() {
                var t = new window[n];
                for (var o in t) {
                    var u = "";
                    try {
                        u = typeof t[o]
                    } catch(t) {}
                    "function" === u ? this[o] = i(o) : Object.defineProperty(this, o, {
                        get: r(o),
                        set: e(o),
                        enumerable: !0
                    })
                }
                this.xhr = t
            },
            window[n]
        },
        t.unHookAjax = function() {
            window[n] && (XMLHttpRequest = window[n]),
            window[n] = void 0
        },
        t.
    default = t
    }
}]);
hookAjax(
        // hook functions and callbacks of XMLHttpRequest object
        {
            onreadystatechange: function (xhr) {
                //console.log("onreadystatechange called: %O", xhr)

            },
            onload: function (xhr) {
                //console.log("onload called: %O", xhr)
                xhr.responseText = "hook" + xhr.responseText;

            },
            open: function (arg, xhr) {
                console.log("open called: method:%s,url:%s,async:%s", arg[0], arg[1], arg[2], xhr)
                arg[1] += "?hook_tag=1";
                //统一添加请求头
            },
            send: function (arg, xhr) {
                //console.log("send called: %O", arg[0])
                xhr.setRequestHeader("_custom_header_", "ajaxhook")
            },
            setRequestHeader: function (arg, xhr) {
                //console.log("setRequestHeader called!", arg)
            },
            // hook attributes of XMLHttpRequest object
            timeout: {
                setter: function (v, xhr) {
                    //timeout shouldn't exceed 10s
                    return Math.max(v, 1000);
                }
            }
        }
    );

更多插件脚本参考

油猴脚本市场
js的hook方法和技巧
githubGist插件