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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Get Google Chrome

› Vimium · 在 Chrome 里使用 vim 快捷键

这是一个创建于 2316 天前的主题，其中的信息可能已经有所发展或是发生改变。

想要的功能

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

我的疑问

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

Chrome

请求

扩展

功能

10 条回复 • 2018-08-27 23:20:10 +08:00

crab

2018-08-26 02:41:20 +08:00

Tamper Chrome 这个插件可以

imn1

2018-08-26 02:43:19 +08:00

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

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

WWd0g

2018-08-26 02:51:26 +08:00

@crab 我是想自己实现

WWd0g

2018-08-26 02:52:54 +08:00

@imn1 我看试试,感谢

WWd0g

2018-08-26 02:58:44 +08:00

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

WWd0g

2018-08-26 20:31:38 +08:00

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

2018-08-26 23:08:27 +08:00 via iPhone

burp
并且信任 burp 的根证书

WWd0g

2018-08-26 23:17:15 +08:00

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

piapia

2018-08-27 10:28:24 +08:00

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

WWd0g

2018-08-27 23:20:10 +08:00

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