可以捕获、拦截页面上原生发出的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