一、补环境

补环境的方式有很多，高端点的有用插件自动补环境（v-jstools）、有用jsdom补环境，但是高端的方式有时未必好用。
本次是用低端的纯手动补环境的方式，先用代理吐环境，然后挨个补环境。
吐环境的code附上：

代码一

function get_enviroment(proxy_array) {
    for(var i=0; i<proxy_array.length; i++){
        handler = '{\n' +
            '    get: function(target, property, receiver) {\n' +
            '        console.log("方法:", "get  ", "对象:", ' +
            '"' + proxy_array[i] + '" ,' +
            '"  属性:", property, ' +
            '"  属性类型:", ' + 'typeof property, ' +
            // '"  属性值:", ' + 'target[property], ' +
            '"  属性值类型:", typeof target[property]);\n' +
            '        return target[property];\n' +
            '    },\n' +
            '    set: function(target, property, value, receiver) {\n' +
            '        console.log("方法:", "set  ", "对象:", ' +
            '"' + proxy_array[i] + '" ,' +
            '"  属性:", property, ' +
            '"  属性类型:", ' + 'typeof property, ' +
            // '"  属性值:", ' + 'target[property], ' +
            '"  属性值类型:", typeof target[property]);\n' +
            '        return Reflect.set(...arguments);\n' +
            '    }\n' +
            '}'
        eval('try{\n' + proxy_array[i] + ';\n'
        + proxy_array[i] + '=new Proxy(' + proxy_array[i] + ', ' + handler + ')}catch (e) {\n' + proxy_array[i] + '={};\n'
        + proxy_array[i] + '=new Proxy(' + proxy_array[i] + ', ' + handler + ')}')
    }
}
proxy_array = ['window', 'document', 'location', 'navigator', 'history','screen']

// 这里写你要补的环境

get_enviroment(proxy_array)

代码二

function watch(obj, name){
    var console_log = console.log
    return new Proxy(obj, {
        get(target, p, receiver){
            // 过滤没用的信息，不进行打印
            if (p === "Math" || p === "isNaN" || p === "encodeURI" || p === "Uint8Array" || p.toString().indexOf("Symbol(Symbol.") != -1){
                let val = Reflect.get(...arguments);
                return val
            } else {
                let val = Reflect.get(...arguments);
                list_evn = ['navigator','location','performance','childNodes','top','self','document','pqs666']  // 可以过滤比较长的值，手动添加方法名

                console_log(`取值:`,name, '.', p, ` =>`, list_evn.includes(p)?p+'值过长省略....':val);
                return val
            }
        },
        set(target, p, value, receiver){
            let val = Reflect.get(...arguments);
            console_log(`设置值:${name}.${p}, ${val} => ${value}`);
            return Reflect.set(...arguments)
        },
        has(target,key){
            // debugger;
            console_log(`in => ${key} in ${target}`)
            return key in target
        },
        deleteProperty: function (target, prop) {
            console.log("delete => " + prop);
            return true;
        },
    })
}

// 使用示例

//补的所有环境必须在这个里面才有效果
/////=============补window环境===============

window = globalThis;
window = watch(window, 'window')

debugger