Google Chrome 开发者工具的“复制带有参数的位置”？

Question

Google Chrome 开发者工具中有没有办法复制带有参数的 AJAX 请求？ Firebug 具有此功能，可以为任何异步请求“复制带有参数的位置”，并且非常有用。

Answer 1

对于那些多年来仍在关注的人来说，Chrome 的“Replay XHR”已经是最接近的了。

调试器 -> 网络 -> XHR -> 右键单击请求 -> 重播 XHR

当您单击新的重播请求时，可以在“响应”选项卡中看到输出。如果其他人找到了像 Firebug 一样整齐地复制所有 post 参数的方法，请告诉我。

（或者，我相信你也可以安装Firebug for Chrome）

Answer 2

在 google chrome 版本 26 中添加了“复制为 cURL”功能：

https://coderwall.com/p/-fdgoq

如果您正在测试 GET 方法，您只需右键单击网络选项卡中的请求，然后单击“在新选项卡中打开”，每次刷新该选项卡时都会重新发送请求。遗憾的是，您无法重新提交 POST 请求。

Answer 3

当您的页面加载时，请执行以下操作：

右键单击页面 --> 选择“检查元素”--> 从打开的窗口中选择“网络选项卡”--> 您将看到所有 ajax 和 jquery 调用

Answer 4

将此代码复制粘贴到 Inspent Element 中以获取 AJAX ARGS

var ajaxArgs = [];
(function($){
    // backup ajax request
    $.ajaxBefore = $.ajax;
    // rewrite ajax function 
    $.ajax = function (a){ajaxArgs.push(a); return $.ajaxBefore(a)}
})(typeof jQuery == 'undefined' ? $ :  jQuery );

Ajax 发送请求后，您可以在检查元素中输入

ajaxArgs

或

console.log(ajaxArgs);

以查看所有参数。祝您好运，并使用它来实现 好理由