如何hook location相关的方法

浏览器hook函数或对象方法时，需要有一个前提条件，即这个方法是可修改的。

例如hook JSON.stringify

let _rawstringify = JSON.stringify;JSON.stringify = function(...args){let ret = _rawstringify.apply(this,args);console.log(args, ret);return ret;}

上述这个代码即可hook

根据上面的思路 该如何hook location.href呢

// 1. 拿到对应的原始函数let location_href_set = Object.getOwnPropertyDescriptor(location,"href").set;// 2. 重写属性Object.defineProperty(location,"href",{set:function(value){// 自定义逻辑debugger;// 下断点returnlocation_href_set(value);}});/* 报错了VM434:1 Uncaught TypeError: Cannot redefine property: href    at Function.defineProperty (<anonymous>)    at <anonymous>:1:8*/

分析报错原因

JSON.stringify是可配置的，而location.href 是不可配置的

Object.getOwnPropertyDescriptor(location,"href"); //  configurable: false// {enumerable: true, configurable: false, get: ƒ, set: ƒ}Object.getOwnPropertyDescriptor(JSON,"stringify");// configurable: true// {writable: true, enumerable: false, configurable: true, value: ƒ}

解决方法

1.通过AST去拦截，测试页面：https://www.ldvmp.com

// 原始代码如下location.href = "https://m.ldvmp.com";// 遍历AST节点，拦截所有的上述语法结构，并进行过滤hookLocationHref = function(obj, key, value){if(obj === location && key === "href"){// 自定义逻辑debugger;// 下断点      location.href = value;    }return obj[key] = value;}hookLocationHref(location,"href", "https://m.ldvmp.com");

2.魔改chromium, 将configurable属性改成true

魔改的chromium可以加星球获取哈~~~