爬虫之补环境脚本:脱环境

该脚本需要在浏览器内运行

javascript 复制代码
//获取原型环境代码
let getProtoEnvCode = function getProtoEnvCode(proto, instanceObj) {
    //proto:原型函数
    //instanceObj:实例对象,可选参数 传的话会添加默认值
    let code = "";
    let protoName = proto.name;
    //添加注释
    code += `// ${protoName}对象\r\n`;
    //定义原型
    code += `${protoName} = function ${protoName}(){`;
    try {
        new proto;
    } catch (e) {
        code += `return bodavm.toolsFunc.throwError('${e.name}','${e.message}');`;
    }

    code += `}\r\n`;
    //保护原型
    code += `bodavm.toolsFunc.safeProto(${protoName},"${protoName}");\r\n`;
    //设置原型链
    let protoObj = proto.prototype;
    let proto_protoName = Object.getPrototypeOf(protoObj)[Symbol.toStringTag];//原型对象的原型的名称,父级原型名称
    if (proto_protoName !== undefined) {//在存在父级的情况下设置原型
        code += `Object.setPrototypeOf(${protoName}.prototype,${proto_protoName}.prototype);\r\n`;
    }

    //设置原型属性
    for (const key in Object.getOwnPropertyDescriptors(proto)) {
        if (key === "arguments" || key === "caller" || key === "length" || key === "name" || key === "prototype") {
            continue;
        }
        let descriptor = getDescriptor(proto, key, protoName, protoName, instanceObj);
        code += `bodavm.toolsFunc.defineProperty(${protoName},"${key}",${descriptor});\r\n`;
    }
    //设置原型对象的属性
    for (const key in Object.getOwnPropertyDescriptors(proto.prototype)) {
        if (key === "constructor") {
            continue;
        }
        let descriptor = getDescriptor(proto.prototype, key, `${protoName}.prototype`, protoName, instanceObj);
        code += `bodavm.toolsFunc.defineProperty(${protoName}.prototype,"${key}",${descriptor});\r\n`;
    }

    console.log(code);
    copy(code);
    //return code;
}

//获取实例对象的环境代码
let getObjEnvCode = function getObjEnvCode(obj, objName, instanceObj) {
    //obj 实例对象
    //objName 实例对象名称
    //instanceObj 实例对象 传输的话设置默认值
    let code = "";
    //添加注释
    code += `// ${objName}对象\r\n`;
    //定义对象
    code += `${objName} = {}\r\n`;
    //设置原型
    let protoName = Object.getPrototypeOf(obj)[Symbol.toStringTag];
    if (protoName != undefined) {
        code += `Object.setPrototypeOf(${objName},${protoName}.prototype);\r\n`;
    }

    //设置对象属性
    for (const key in Object.getOwnPropertyDescriptors(obj)) {
        let descriptor = getDescriptor(obj, key, objName, objName, instanceObj);
        code += `bodavm.toolsFunc.defineProperty(${objName},"${key}",${descriptor});\r\n`;
    }

    console.log(code);
    copy(code);
    //return code;
}

//获取属性描述符
let getDescriptor = function getDescriptor(obj, prop, objName, protoName, instanceObj) {
    let descriptor = Object.getOwnPropertyDescriptor(obj, prop);
    let configurable = descriptor.configurable;
    let enumerable = descriptor.enumerable;
    let code = `{configurable:${configurable}, enumerable:${enumerable}, `;
    if (descriptor.hasOwnProperty("writable")) {
        let writable = descriptor.writable;
        code += `writable:${writable}, `;
    }
    if (descriptor.hasOwnProperty("value")) {
        let value = descriptor.value;
        if (value instanceof Object) {
            if (typeof value === "function") {
                code += `value:function(){return bodavm.toolsFunc.dispatch(this,${objName},"${protoName}","${prop}",arguments);}`;

            } else {
                //需要关注
                console.log("需要额外关注", value);
                //JSON.stringify(value)//如果不是非循环引用可以这样转化值
                code = `value:{}`;
            }
        } else if (typeof value === "symbol") {
            code += `value:${value.toString()}`;
        } else if (typeof value === "string") {
            code += `value:"${value}"`;
        } else {
            code += `value:${value}`;
        }
    }

    if (descriptor.hasOwnProperty("get")) {//有默认值
        let get = descriptor.get;
        if (typeof get === "function") {
            let defaultValue;
            try {
                defaultValue = get.call(instanceObj);//获取属性值 Object.getOwnPropertyDescriptor(window,'name').get.call(window)
            } catch (e) {

            }

            if (defaultValue == undefined || defaultValue instanceof Object) {
                code += `get:function(){return bodavm.toolsFunc.dispatch(this,${objName},"${protoName}","${prop}_get",arguments);}, `;
            } else {
                if (typeof defaultValue === 'string') {
                    code += `get:function(){return bodavm.toolsFunc.dispatch(this,${objName},"${protoName}","${prop}_get",arguments,'${defaultValue}');}, `;
                } else if (typeof value === "symbol") {
                    code += `get:function(){return bodavm.toolsFunc.dispatch(this,${objName},"${protoName}","${prop}_get",arguments,${defaultValue.toString()});}, `;
                } else {
                    code += `get:function(){return bodavm.toolsFunc.dispatch(this,${objName},"${protoName}","${prop}_get",arguments,${defaultValue});}, `;
                }
            }

        } else {
            code += `get:undefined, `;
        }
    }

    if (descriptor.hasOwnProperty("set")) {//没有默认值
        let set = descriptor.set;
        if (typeof set === "function") {
            code += `set:function(){return bodavm.toolsFunc.dispatch(this,${objName},"${protoName}","${prop}_set",arguments);}`;
        } else {
            code += `set:undefined`;
        }
    }

    code += "}";
    return code;
}


// 在浏览器执行代码
// getProtoEnvCode(Window);
//getObjEnvCode(window,"window")
相关推荐
豹哥学前端1 小时前
用猜数字游戏,一口气掌握 JavaScript 核心知识点(附完整代码)
前端·javascript
忆往wu前1 小时前
从0到1一步步拆解搭建,梳理一个 Vue3 简易图书后台全开发流程
前端·javascript·vue.js
shao9185162 小时前
第3章(2)——使用Gradio JavaScript Client
javascript·node.js·cdn·gradio·job·events·playcode
光影少年2 小时前
大屏页面,一次多个请求,请求加密导致 点击 全局时间选择器 时出现卡顿咋解决(面板收起会延迟1~2秒)
前端·javascript·vue.js·学习·前端框架·echarts·reactjs
Mr.mjw2 小时前
vue中封装一个环形进度条组件,根据外部盒子大小自适应变化
前端·javascript·vue.js
无心使然2 小时前
Openlayers调用ArcGis影像服务之一动态地图、地图切片(/exportImage)
前端·javascript·数据可视化
像我这样帅的人丶你还3 小时前
前端监控体系与实践(二):全局监控
前端·javascript·vue.js
顾随3 小时前
(二)kettle--输入与输出
javascript·数据库·kettle
FlyWIHTSKY4 小时前
Vue 3 中 RouteRecord 详解(Vue Router 4)
前端·javascript·vue.js
老王以为4 小时前
前端视角下的 Java
java·javascript·程序员