使用Chrome开发人员工具制作HTTP请求

有没有办法使用Chrome开发人员工具发出HTTP请求，而不使用像POSTER这样的插件？

Answer 1

作为以前发布的build议的补充，我发现邮政插件的Chrome工作得很好。 它允许你设置标题和URL参数，使用HTTPauthentication，保存频繁执行的请求等等。

Answer 2

如果您想编辑并重新发布您在Chrome开发者工具“networking”标签中捕获的请求，请执行以下操作：

• 用鼠标右键单击请求的Name
• selectCopy as cURL
• 粘贴到命令行（命令包括cookie和标题）
• 根据需要编辑请求并运行

Answer 3

我知道，旧post…但是这可能会有帮助。

现代浏览器现在支持Fetch API 。

你可以像这样使用它：

 fetch("<url>") .then(data => { data.json() // could be .text() or .blob() depending on the data you are expecting .then(y => console.log(y)); // print your data }); 

obs：它会进行所有的CORS检查，因为这是一个改进的XmlHttpRequest。

Answer 4

如果你的网页在你的页面上有jquery，那么你可以在Chrome开发者控制台上写：

 $.get( "somepage.php", {paramOne : 1, paramX : 'abc'}, function(data) { alert('page content: ' + data); } ); 

它的jQuery的方式做到这一点！

Answer 5

如果您想从同一个域执行POST，则可以使用开发人员工具将表单插入到DOM中，并提交：

Answer 6

保持简单，如果您希望请求与您正在查看的页面使用相同的浏览上下文，那么请在Chrome控制台中执行以下操作：

 window.location="https://www.example.com"; 

Answer 7

所有是有用的答案，只是想添加一个工具，我觉得很有用的高级rest客户端 。

如果要发出多个API请求，使用它可以帮助节省大量时间。

Answer 8

如果你在你的网站上使用jQuery，你可以使用类似于你的控制台的东西

 $.post( 'dom/data-home.php', { type : "home", id : "0" },function(data){ console.log(data) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>