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

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

8 Solutions collect form web for “使用Chrome开发人员工具制作HTTP请求”

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

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

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

截图

我知道,旧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。

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

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

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

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

将表格插入到文档中

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

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

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

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

如果你在你的网站上使用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> 
  • 如果Chrome扩展程序未安装或使用隐身模式,则Google Chrome浏览器会投放发件人错误
  • Chromedebugging器的分析器中的“(程序)”是什么?
  • 如何检查和调整之前和之后:在浏览器中的伪元素?
  • 为什么Chrome在jQuery中的某一行暂停?
  • 错误'jquery-2.0.2.min.map not found'
  • 在Chromedebugging器/ DevTools面板冻结屏幕popover检查?
  • Chrome:发布数据的来源?
  • 在Google Chrome控制台中查看所有JavaScriptvariables的列表
  • Chrome开发人员工具中的人类可读的JavaScript
  • 按正则expression式示例进行过滤
  • Chrome / Firefox中双美元符号select器查询function的来源是什么?