油猴捕获页面上XHR请求

可以捕获、拦截页面上原生发出的XHR请求,对收到后的数据进行处理

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.douyin.com/user/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=douyin.com
// @grant        none
 
// ==/UserScript==
 
(function() {
    'use strict';
    var isFirst=true;
    var aweme_list=[];
    if(isFirst){
        console.log("首次加载");
        isFirst=false;
        setTimeout(function() {
            // 在这里写你需要延迟执行的代码
            // 获取script标签
            var scriptTag = document.getElementById('RENDER_DATA');
 
            // 获取标签内容
            var encodedContent = scriptTag.innerHTML;
 
            // 解码内容
            var decodedContent = decodeURIComponent(encodedContent);
 
            // 输出解码后的内容
            //console.log(decodedContent);
 
            var json =JSON.parse(decodedContent);
 
            for (var prop in json) {
                if (json.hasOwnProperty(prop)&&prop!="_location"&&prop!="app") {
                    var user=json[prop];
                    var post=user.post;
                    var data=post.data;
                    aweme_list=aweme_list.concat(data)
                }
            }
            // 创建按钮元素
            const button = document.createElement('button');
            button.textContent = '点击我';
 
            // 设置按钮样式
            button.style.position = 'fixed';
            button.style.right = '20px';
            button.style.bottom = '30%';
 
            // 按钮点击事件处理函数
            function buttonClick() {
                console.log(aweme_list);
                // 定义包含名称和链接的数组
                const files = [];
                aweme_list.forEach((item)=>{
                    if(item.aweme_type==0||item.awemeType==0||item.aweme_type==61||item.awemeType==61){
                        try{files.push({name:item.desc,url:item.video.play_addr.url_list[0]})}catch{files.push({name:item.desc,url:item.video.playAddr[0]})}
 
                    }
                    if(item.aweme_type==68||item.awemeType==68){
                        var urlList=[]
                        item.images.forEach(img=>{
                            try{urlList.push(img.url_list[0])}catch{urlList.push(img.urlList[0])}
 
                        })
                        files.push({name:item.desc,urlList:urlList})
                    }
                });
                console.log(files);
            }
 
            // 绑定按钮点击事件
            button.addEventListener('click', buttonClick);
 
            // 将按钮添加到页面的body元素中
            document.body.appendChild(button);
        }, 5000); // 延迟时间为5000毫秒(即5秒)
    }
    // 拦截响应
    var originalSend = XMLHttpRequest.prototype.send;
    XMLHttpRequest.prototype.send = function() {
        var self = this;
 
        // 监听readystatechange事件,当readyState变为4时获取响应
        this.onreadystatechange = function() {
            if (self.readyState === 4) {
                if(self._url.indexOf("/aweme/v1/web/aweme/post")>-1){
                    // 在获取到响应后执行你的操作
                    //console.log('拦截到响应:', self.response);
                    var json =JSON.parse(self.response);
                    var data=json.aweme_list;
                    aweme_list=aweme_list.concat(data)
                }
            }
        };
 
        // 调用原始的send方法
        originalSend.apply(this, arguments);
    };
 })();

原理
使用js原型链捕获XHR,截获后继续调用原来的函数处理。

来源
https://www.52pojie.cn/thread-1810225-1-1.html

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值