想写这样一个 chrome 插件：在 post 数据到服务器之前，弹出一个界面，用户可以修改 post 的数据，确认后再发送。

[wuhx]

搜索了一圈，发现chrome有webrequst和declarativeWebRequest的api可以在发送request之前做点hook。

参照官方栗子写了个测试插件
https://developer.chrome.com/extensions/webRequest#event-onBeforeRequest

chrome.webRequest.onBeforeRequest.addListener(
function(info) {
if(info.method == "POST") {
info['requestBody']['formData']['pwd'] = "Hello"
alert("POSTING:" + JSON.stringify(info.requestBody.formData.pwd))
}
return {redirectUrl: info.url};
},
{urls: ["*://*/*"]},
["blocking", "requestBody"]);

可以看到post的数据，也能修改。 但是尼玛，没有办法把修改后的数据传递出去啊，return类型只有重定向和取消requset！

还能有其他什么方法吗？或者oprea，firefox上可以也行。

[csx163]

fiddler

[sneezry]

LZ变通一下啦，你POST的数据更改后自己加个标注字段，比如_modified=1，然后你的扩展block的时候判断一下，如果有这个字段就放行啦

[zjgood]

@csx163 fidller +1，这货明显比插件更有效率

[Shieffan]

之前我研究过，Chrome目前只能修改request跟response的header，不能修改body，应该没有绕过的办法

[Aphsss]

burpsuite

[sneezry]

@Shieffan 可以先block，修改完再提交一遍啊。

[Shieffan]

@sneezry 撸主说了，block之后只能redirect或cancel,怎么再提交，这又不是修改DOM

[sneezry]

@Shieffan cancel啊，然后修改完点确定就还是submit重新提交。

[Shieffan]

@sneezry 那这次提交的跟上次会有任何区别么？Dom内容又没变，提交的还不是一样

[sneezry]

@Shieffan 不对的，return cancel之前可以做很多事，比如重新构造一个Ajax提交数据，再或者给出一个浮动层里面重新给出一个form。而重新提交时可以新定义一个对服务器无意义的字段，或者增加一个header来让扩展识别是否是修改过的提交，避免扩展将修改过的提交也屏蔽掉。

[Shieffan]

@sneezry 是可以通过发消息等方式修改tab的dom结构，但是我觉得这样并不能实现LZ的需求，在http body里面修改post的表单内容跟直接修改DOM来修改post内容完全是不同级别的难度，post数据的方式五花八门，可以有form，可以没form，可以是提取dom元素进行计算组合，可以混合进JS变量，我觉得根本没办法进行统一处理。

[wuhx]

多谢各位的回复

fiddler看起来相当强悍，只是mac下mono的界面太惨不忍睹了，有空再研究一下。

@sneezry @Shieffan 两位比较专业，我属于js还没入门的，我理解sneezry的思路是：在cancel之前主动把修改后的数据POST到服务。理论上应该可行吧。

另外，其实我自己想到的方案是：修改chrome代码，自己实现这个api，但是估计工作量很大，重在折腾了。

[wuhx]

还是firefox靠谱，结贴。

https://addons.mozilla.org/zh-cn/firefox/addon/tamper-data/