上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
12下一页
返回列表 发新帖

[油猴脚本开发指南]XHR劫持的第二种格式

[复制链接]
  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

    发表于 2021-11-1 09:45:39 | 显示全部楼层 | 阅读模式

    前言

    本文来自cxxjackie的代码,进行剖析

    来源为

    https://bbs.tampermonkey.net.cn/forum.php?mod=viewthread&tid=1062&extra=&page=1

    开始

    其实之前proxy劫持还是相对复杂的,这节课根据cxxjackie的代码我们抄出来一个更简单的劫持方案。

    我们先输出一下xhr看看

    图片.png

    可以看到xhr的response和responseText等在原型链prototype上

    图片.png

    并且这两个属性都是只有get没有set,代表我们只可以获取他而不可以设置他的内容

    所以我们书写代码如下

        const xhrOpen = XMLHttpRequest.prototype.open;
        XMLHttpRequest.prototype.open = function() {
          if (arguments[1] == 'xxxxx') {
            const xhr = this;
            const getter = Object.getOwnPropertyDescriptor(XMLHttpRequest.prototype, 'response').get;
            Object.defineProperty(xhr, 'response', {
              get: () => {
                let result = getter.call(xhr);
                //这里可以修改result
                return result+'6648848';
              }
            });
          }
          return xhrOpen.apply(xhr, arguments);
        };

    首先我们对xhr的open函数进行劫持

    const xhrOpen = XMLHttpRequest.prototype.open;

    open是初始化xhr的内容,send是发送数据,这里我们在初始化内容的时候进行劫持。(我们其实可以在任何一个我们满足劫持需求的地方进行劫持)

    我们对地址进行判断,如果需要我们进行劫持,则进入劫持

            const xhr = this;
            const getter = Object.getOwnPropertyDescriptor(XMLHttpRequest.prototype, 'response').get;

    这里保存了this到xhr变量,方便接下来的操作

    然后获取response的操作符,如果你想要劫持responseText就需要改为responseText

    getOwnPropertyDescriptor获取的是一个对象上属性的相关的描述符

    可以拿到get set等等。

    图片.png

    获取到了get描述符我们就可以开始劫持了

            Object.defineProperty(xhr, 'response', {
              get: () => {
                let result = getter.call(xhr);
                //这里可以修改result
                return result+'6648848';
              }
            });

    这里对xhr的response属性做了一个defineProperty,当触发xhr.response的时候会访问对应的get,而get调用我们之前获取的getter函数,注意修改this指向,获取原返回内容,进行一定的修改,返回新的修改内容

    为什么设置到xhr上而不是xhr的原型链上

    因为这样可以形成对某一个xhr进行劫持,如果设置到原型链上相当于对所有的xhr进行了一次劫持,如果你的劫持get内有大量的回调代码会严重拖慢运行的速度

    为什么我没有对原型链的response进行劫持,却成功劫持了?

    因为查找response的属性的时候是按顺序查找的,首先在xhr上查找是否有response,然后在xhr的proto也就是构造函数的prototype上查找response属性,如果找不到就一层一层往上找,这里我们进行了劫持之后会直接在xhr自身找到,甚至不会找到xhr的proto上的response。

    代码

    那么我们最后回忆一下代码

        const xhrOpen = XMLHttpRequest.prototype.open;
        XMLHttpRequest.prototype.open = function() {
          if (arguments[1] == url) {
            const xhr = this;
            const getter = Object.getOwnPropertyDescriptor(XMLHttpRequest.prototype, 'response').get;
            Object.defineProperty(xhr, 'response', {
              get: () => {
                let result = getter.call(xhr);
                //这里可以修改result
                return result;
              }
            });
          }
          return xhrOpen.apply(xhr, arguments);
        };

    结语

    撒花

    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
  • TA的每日心情
    慵懒
    5 小时前
  • 签到天数: 64 天

    [LV.6]常住居民II

    150

    主题

    1976

    帖子

    2119

    积分

    管理员

    Rank: 10Rank: 10Rank: 10

    积分
    2119

    猫咪币纪念章热心会员活跃会员突出贡献三好学生中秋纪念章国庆纪念章管理员家财万贯

    发表于 2021-11-1 11:05:39 | 显示全部楼层
    cxxjackie大佬快给你剖完了
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

    发表于 2021-11-1 11:18:47 | 显示全部楼层
    王一之 发表于 2021-11-1 11:05
    cxxjackie大佬快给你剖完了

    cxxjackie大佬天天被我骗代码
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 08:27
  • 签到天数: 159 天

    [LV.7]常住居民III

    25

    主题

    640

    帖子

    6233

    积分

    荣誉开发者

    精通各种语言的HelloWord!

    Rank: 10Rank: 10Rank: 10

    积分
    6233

    猫咪币纪念章活跃会员三好学生热心会员中秋纪念章国庆纪念章荣誉开发者家财万贯

    发表于 2021-11-1 11:21:49 | 显示全部楼层
    加油加油,努力学习
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    12

    主题

    390

    帖子

    578

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    578

    活跃会员热心会员突出贡献三好学生猫咪币纪念章中秋纪念章国庆纪念章荣誉开发者

    发表于 2021-11-1 11:37:32 | 显示全部楼层
    cxxjackie小弟快给你剖完了
    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-6-12 21:47
  • 签到天数: 21 天

    [LV.4]偶尔看看III

    11

    主题

    246

    帖子

    197

    积分

    中级工程师

    Rank: 5Rank: 5

    积分
    197

    中秋纪念章猫咪币纪念章活跃会员热心会员三好学生

    发表于 2021-11-1 13:21:31 | 显示全部楼层
    此代码多一字显肥,少一字显瘦,妍姿妖艳,心旌神摇
    回复

    使用道具 举报

  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

    发表于 2021-11-1 14:53:15 | 显示全部楼层
    cxxjackie 发表于 2021-11-1 11:37
    cxxjackie小弟快给你剖完了

    快!掏代码!我要剖!呜呜呜呜
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    前天 00:00
  • 签到天数: 49 天

    [LV.5]常住居民I

    350

    主题

    3064

    帖子

    3077

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    3077

    猫咪币纪念章国庆纪念章中秋纪念章荣誉开发者家财万贯

    发表于 2021-11-1 16:14:37 | 显示全部楼层
    脚本体验师001 发表于 2021-11-1 13:21
    此代码多一字显肥,少一字显瘦,妍姿妖艳,心旌神摇

    安排!
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    7

    帖子

    9

    积分

    助理工程师

    Rank: 1

    积分
    9

    新人报道

    发表于 2022-2-19 10:25:13 | 显示全部楼层
    控制台怎么输出xhr 的哥哥
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    7

    帖子

    9

    积分

    助理工程师

    Rank: 1

    积分
    9

    新人报道

    发表于 2022-2-19 10:50:48 | 显示全部楼层
    劫持 感觉 好卡呀
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表