vue3 proxy [[target]]怎么取值

脚本体验师001

// ==UserScript==
// @name         vue3 proxy [[target]]怎么取值
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://pan.baidu.com/pfile/video*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=baidu.com
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const proxy = window.Proxy;
    window.Proxy = function () {
        let app = arguments[0]._
        if (app?.uid === 30) {
            console.log("app.attrs", app.attrs);
            let videoinfo = app.attrs.videoinfo;
            console.log("videoinfo", videoinfo);
            console.log("videoinfo", JSON.parse(JSON.stringify(videoinfo)));
        }
        return new proxy(...arguments);
    };

    // Your code here...
})();

steven026

    const originObjects=[]; //建一个数组储存原始对象

    const proxy = window.Proxy;
    window.Proxy = function () {
        let app = arguments[0]._
        if (app?.uid === 30) {
            originObjects.push(arguments[0]) //暴露Proxy的原始对象
            console.log("target",originObjects)
            console.log("app.attrs", app.attrs);
            let videoinfo = app.attrs.videoinfo;
            console.log("videoinfo", videoinfo);
            console.log("videoinfo", JSON.parse(JSON.stringify(videoinfo)));
        }
        return new proxy(...arguments);
    };

建议阅读一下MDN文档
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy

语法
const p = new Proxy(target, handler)

参数
target
要使用 Proxy 包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。

handler
一个通常以函数作为属性的对象，各属性中的函数分别定义了在执行各种操作时代理 p 的行为。

Proxy劫持里，arguments[0]实际上就是原始对象，原始对象只能在劫持过程中暴露出来，劫持完成后是获取不到的
随便加一行把arguments[0]暴露出来就行 比如originObjects.push(arguments[0])

王一之

可以给个地址看看么？

哥哥是参考的这个库？

Hook Vue3 app v1.0.3 [Vue3 app劫持 油猴库]
https://bbs.tampermonkey.net.cn/thread-2886-1-1.html
(出处: 油猴中文网)

cxxjackie

这个videoinfo也是个Proxy，[[target]]是原对象，你既然劫持了Proxy，取原对象不是很简单的嘛，加个判断就好了：

1. if ('videotag' in arguments[0]) {}

复制代码

脚本体验师001

王一之 发表于 2023-4-3 22:45
可以给个地址看看么？

哥哥是参考的这个库？

嗯是的有参考 @steven026 大佬的这个库，但是取到的值是proxy[object]类型，拿不出来呀
上面代码可以直接运行看到结果，在 百*盘 里主页打开个视频。哥哥有空的时候帮忙看看

脚本体验师001

cxxjackie 发表于 2023-4-3 22:50
这个videoinfo也是个Proxy，[[target]]是原对象，你既然劫持了Proxy，取原对象不是很简单的嘛，加个判断就 ...

就是[[target]]对象里的值拿不出来呀，老师教教我怎么操作取值，直接打印是 '' 值

脚本体验师001

steven026 发表于 2023-4-4 09:08
[md]```js
    const originObjects=[]; //建一个数组储存原始对象

我还是不明白，这个videoinfo是个Proxy对象，是不能够直接读取的。如何转为普通object类型？

脚本体验师001

steven026 发表于 2023-4-4 09:08

[md]```js
const originObjects=[]; //建一个数组储存原始对象

原来还得延迟一秒才能拿到值，这emmm的，不好玩

    const proxy = window.Proxy;
    window.Proxy = function () {
        let app = arguments[0]._
        if (app?.uid === 30) {
            originObjects.push(arguments[0]) //暴露Proxy的原始对象
            console.log("target",originObjects);
            setTimeout(() => {
                Object.keys(originObjects[0]._.attrs.videoinfo).forEach(function (value, index) {
                    console.log("videokeys", value, index);
                });
            }, 1000);
        }
        return new proxy(...arguments);
    };

steven026

脚本体验师001 发表于 2023-4-4 10:32
我还是不明白，这个videoinfo是个Proxy对象，是不能够直接读取的。如何转为普通object类型？ ...

我没视频测试去测试，
如果是Proxy套Proxy，而你只要获取内层的Proxy，你可以忽略外层Proxy，直接去劫持内层Proxy，
如果内层Proxy不是Vue的app，可以不判断app.uid，通过其他方式判断去劫持

我以前写的Hook Vue3 app只是劫持了整个页面所有Proxy的其中一部分即app，因为我的目的是劫持Vue，所以非app的Proxy我并不需要，就没有去劫持了。

脚本体验师001

steven026 发表于 2023-4-4 13:53
我没视频测试去测试，
如果是Proxy套Proxy，而你只要获取内层的Proxy，你可以忽略外层Proxy，直接去劫持 ...

老师你的库没有问题，通过doc(...).__vue__也能直接读取
关键已经半路截杀了，不用再操作el属性了。就在这时问题出现了，™videoinfo怎么还是个空值
灵犀所致延迟了一秒才发现有值。那么vue3真的太牛逼了，发现数据传递并不能实时性，发现真是海量的数据传递呀，啧啧啧，不懂