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

分享一个XMLHttpRequest网络数据包拦截分析

[复制链接]
  • TA的每日心情
    奋斗
    2024-8-30 10:03
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    2

    主题

    2

    回帖

    15

    积分

    助理工程师

    积分
    15
    发表于 2024-8-5 17:36:25 | 显示全部楼层 | 阅读模式

    本帖最后由 xiaoxigithub 于 2024-8-5 17:40 编辑

    主要是对XMLHttpRequest构造函数做了重写实现,可以修改目标网页发起任意请求前和响应后的数据。

    仅做学习研究,修改请求和响应数据时,需要遵循相关网站的使用政策和法律法规。

    不说废话直接上代码:

    // ==UserScript==
    // @name         测试XMLHttpRequest Interceptor
    // @namespace    http://tampermonkey.net/
    // @version      2024-08-05
    // @description  拦截和修改 XMLHttpRequest 的请求和响应例子
    // @author       You
    // @match        https://www.example.com/*
    // @grant        none
    // ==/UserScript==
    
    (function () {
        'use strict';
    
        // 保存原始的 XMLHttpRequest 构造函数
        const originalXHR = window.XMLHttpRequest;
    
        // 重写 XMLHttpRequest 构造函数
        function newXHR() {
            const xhr = new originalXHR();
    
            // 保存原始的 open 方法
            const originalOpen = xhr.open;
            xhr.open = function (method, url, async, user, password) {
                // 修改URL,添加参数
                const newUrl = new URL(url, window.location.origin);
                newUrl.searchParams.append('extraParam', 'extraValue');
    
                console.log('Modified URL:', newUrl.toString());
                // 调用原始的 open 方法
                originalOpen.apply(xhr, [method, newUrl.toString(), async, user, password]);
            };
    
            // 保存原始的 send 方法
            const originalSend = xhr.send;
            xhr.send = function (body) {
                // 这里可以拦截和修改请求数据
                console.log('Request Body:', body);
                // 调用原始的 send 方法
                originalSend.apply(xhr, arguments);
            };
    
            // 监听 readyState 的变化
            xhr.addEventListener('readystatechange', function () {
                if (xhr.readyState === 4) {
                    // 这里可以拦截和修改响应数据
                    console.log('Response Status:', xhr.status);
                    console.log('Response responseType:', xhr.responseType);
                    if (xhr.responseType != 'arraybuffer' && xhr.responseURL.includes('action=GetNetWork')) {
                        var parse_data = JSON.parse(xhr.responseText);
                        parse_data['time'] = '测试' + parse_data['time']; // 修改响应数据
                        parse_data['title'] = '测试' + parse_data['title']; // 修改响应数据
                        console.log('Response Data:', parse_data);
                        // 如果需要修改响应,可以创建一个新的 Response 对象
                        const modifiedResponse = JSON.stringify(parse_data);
                        Object.defineProperty(xhr, 'responseText', { value: modifiedResponse });
    
                        // 将修改后的响应数据发送到本地服务器
                        sendToLocalServer(modifiedResponse);
                    }
    
                }
            }, false);
    
            return xhr;
        }
    
        // 替换全局的 XMLHttpRequest 构造函数
        window.XMLHttpRequest = newXHR;
    
        // 发送数据到本地服务器
        function sendToLocalServer(data) {
            const xhr = new XMLHttpRequest();
            xhr.open('POST', 'http://localhost:9501/index/index', true);
            xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    console.log('Data sent to local server successfully');
                }
            };
            xhr.send(data);
        }
    
    })();

    另外附效果图,从目标网站拦截数据包后上传到服务器做数据分析
    1722850834840.jpg

    已有1人评分好评 油猫币 理由
    王一之 + 1 + 4 赞一个!

    查看全部评分 总评分:好评 +1  油猫币 +4 

  • TA的每日心情
    擦汗
    2024-7-16 09:20
  • 签到天数: 192 天

    [LV.7]常住居民III

    698

    主题

    5773

    回帖

    6606

    积分

    管理员

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

    积分
    6606

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2024-8-6 01:38:44 | 显示全部楼层
    哥哥可以试试https://bbs.tampermonkey.net.cn/thread-3284-1-1.html
    还是挺方便的
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    4 小时前
  • 签到天数: 327 天

    [LV.8]以坛为家I

    7

    主题

    30

    回帖

    231

    积分

    高级工程师

    积分
    231

    挑战者 lv2

    发表于 2024-8-6 20:56:21 | 显示全部楼层
    李恒道 发表于 2024-8-6 01:38
    哥哥可以试试https://bbs.tampermonkey.net.cn/thread-3284-1-1.html
    还是挺方便的

    哥哥啊,通过 @require 这种方法注入脚本是不是会延后执行脚本的时刻?
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    300

    主题

    4108

    回帖

    3987

    积分

    管理员

    积分
    3987

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2024-8-7 09:46:30 | 显示全部楼层
    yhzc2023 发表于 2024-8-6 20:56
    哥哥啊,通过 @require 这种方法注入脚本是不是会延后执行脚本的时刻?

    不会的,和脚本一起注入执行
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2024-8-30 10:03
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    2

    主题

    2

    回帖

    15

    积分

    助理工程师

    积分
    15
    发表于 2024-8-7 09:54:06 | 显示全部楼层
    李恒道 发表于 2024-8-6 01:38
    哥哥可以试试https://bbs.tampermonkey.net.cn/thread-3284-1-1.html
    还是挺方便的

    好的,初来乍到向哥哥们学习
    回复

    使用道具 举报

  • TA的每日心情
    开心
    4 小时前
  • 签到天数: 327 天

    [LV.8]以坛为家I

    7

    主题

    30

    回帖

    231

    积分

    高级工程师

    积分
    231

    挑战者 lv2

    发表于 2024-8-7 10:45:10 | 显示全部楼层
    王一之 发表于 2024-8-7 09:46
    不会的,和脚本一起注入执行

    使用 @require 不是请求完成后再开始执行后续的脚本?这样的话,相对去没有 @require 的不就是延后了?
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2024-3-13 10:14
  • 签到天数: 211 天

    [LV.7]常住居民III

    300

    主题

    4108

    回帖

    3987

    积分

    管理员

    积分
    3987

    管理员荣誉开发者油中2周年生态建设者喜迎中秋油中3周年挑战者 lv2

    发表于 2024-8-7 11:54:28 | 显示全部楼层
    yhzc2023 发表于 2024-8-7 10:45
    使用 @require 不是请求完成后再开始执行后续的脚本?这样的话,相对去没有 @require 的不就是延后了?  ...

    但是@require会有缓存的,对自己脚本执行没有什么影响,可以忽略不计
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

  • TA的每日心情
    擦汗
    2024-7-16 09:20
  • 签到天数: 192 天

    [LV.7]常住居民III

    698

    主题

    5773

    回帖

    6606

    积分

    管理员

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

    积分
    6606

    荣誉开发者管理员油中2周年生态建设者喜迎中秋

    发表于 2024-8-8 09:49:40 | 显示全部楼层
    yhzc2023 发表于 2024-8-6 20:56
    哥哥啊,通过 @require 这种方法注入脚本是不是会延后执行脚本的时刻?

    require相当于

    A代码
    脚本代码

    下载一般会缓存很久
    执行的话现代计算机几十万行都是框架+垫层,几乎忽略不计

    而且油猴也不是很保证执行时机


    总体来说油猴的注入执行都是一些比较模糊的执行时
    一般不会考虑精确的执行时刻
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道

    入驻了爱发电https://afdian.net/a/lihengdao666
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

    发表回复

    本版积分规则

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