Chrome 扩展如何拦截 HTTP/S 请求

[WWd0g]

想要的功能

在 Chrome 浏览网页的时候,获取浏览器发送的 HTTP/S 请求并保存起来

我的疑问

Chrome 扩展能否实现这个功能 如果不能,请问有别的方法能实现想要的功能

[crab]

Tamper Chrome 这个插件可以

[imn1]

拦截有，记录还没找到
https://chrome.google.com/webstore/detail/request-blocker/cblonkdlnemhdeefhmaoiijjaedcphbf
https://chrome.google.com/webstore/detail/http-request-blocker/eckpjmeijpoipmldfbckahppeonkoeko

实现是可以的，问题是记录时数据量很大，单纯用 storge 可能不够用

[WWd0g]

@crab 我是想自己实现

[WWd0g]

@imn1 我看试试,感谢

[WWd0g]

@crab
@imn1
https://crxdoc-zh.appspot.com/extensions/devtools_network 这里找到了

[WWd0g]

chrome.tabs.executeScript(chrome.devtools.tabId, {
code: `console.clear();console.log("✅网页请求收集器已开启✅");`,
});
// chrome extension 中不能使用 console.log
// 所以，需要通过发送请求给后台脚本的方式来打印日志
const log = (...args) => chrome.extension.sendRequest({tabId: chrome.devtools.tabId, args,});

chrome.devtools.network.onRequestFinished.addListener(
function(request) {
var data = {}
data['method'] = request.request.method
if(data['method'] == "POST"){
data['postData'] = request.request.postData.params
}else{
data['postData'] = {}
}
data['url'] = request.request.url
data['headers'] = request.request.headers
data['queryString'] = request.request.queryString
data['status'] = request.response.status
data['mimeType'] = request.response.content.mimeType
if(data['mimeType'] == "text/html" && data['status'] != 404){
if(data['method'] == 'GET' && data['queryString'] == ''){

}else{
log(data['method'], data['status'], data['url'], data['mimeType'])
var xhr = new XMLHttpRequest();
xhr.open("post", "http://127.0.0.1/", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
xhr.send(JSON.stringify(data));
}
}

Object.keys(request).forEach(function(key){

log(key,request[key]);
});
});

[wooyuntest]

burp
并且信任 burp 的根证书

[WWd0g]

@wooyuntest 这个好解决,主要麻烦,我用 mitmproxy 实现了,不过太麻烦

[piapia]

@WWd0g #8 mitmproxy 感觉不是很稳定..我也是想看能不能通过扩展的方式实现记录..

[WWd0g]

@piapia 哥们看我代码,已经是插件了,我都可以用了,直接把包传到后端