1.5JS Hook对象属性.md

JS Hook对象属性

我们要想Hook对象属性，需要用到Object.defineProperties或者Object.defineProperty方法，它可以直接在一个对象上修改原有属性或者定义新的属性，如下所示。

//Object.defineProperties(obj, props)
/**
obj: 将要被添加属性或修改属性的对象
props: 该对象的一个或多个键值对定义了将要为对象添加或修改的属性的具体配置
**/
var obj = new Object();
Object.defineProperties(obj, {
    name: {
        value: 'JS Hook',
        configurable: false,
        writable: true,
        enumerable: true
    },
    age: {
        value: 18,
        configurable: true
    }
})`在这里插入代码片`

只要对象生成之后，我们就可以Hook。比如下边的Hook，会在每次设置对象参数的时候debugger。

//Object.defineProperty(obj, prop, descriptor)
/**
obj: 需要被操作的目标对象
prop: 目标对象需要定义或修改的属性的名称
descriptor: 将被定义或修改的属性的描述符
**/
var obj = new Object();

Object.defineProperty(obj, 'name', {
    set:function(x){debugger;return x;}//被赋值后断下来
})

对于内置对象属性的Hook，我们需要在文档加载之前Hook，这时候就需要用到Chrome拓展插件了。比如document.cookie中的各种cookies，我们要想知道cookies是从哪里生成的，使用Chrome拓展是很方便的，如果要使用断点调试可能比较麻烦一点，我们可以在JS文件头部下断点，在console里边输入如下代码。

Object.defineProperty(document,"cookie",{set:function(x){console.log(x);return x;}})

然后让代码开始运行，就会看到cookie被打印在控制台了。

如果要查看cookie在哪里被定义，可以写入debugger。

如果要查看特定的cookie，可以在里边使用indexOf指定参数名字