我想在我正在工作的web应用程序中测试一些url。为此,我想手动创建HTTP POST请求(这意味着我可以添加任何我喜欢的参数)。

Chrome和/或Firefox中是否有我遗漏的功能?


当前回答

因此,我突然想到,您可以使用控制台,创建一个函数,并轻松地从控制台发送请求,其中将有正确的cookie等。

所以我在这里找到了这个:https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#supplying_request_options

// Example POST method implementation:
async function postData(url = '', data = {}, options = {}) {
  // Default options are marked with *
let defaultOptions = {
    method: 'POST', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, *cors, same-origin
    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
    credentials: 'same-origin', // include, *same-origin, omit
    headers: {
      'Content-Type': 'application/json'
      // 'Content-Type': 'application/x-www-form-urlencoded',
    },
    redirect: 'follow', // manual, *follow, error
    referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
    body: JSON.stringify(data) // body data type must match "Content-Type" header
  }

// update the default options with specific options (e.g. { "method": "GET" } )
const requestParams = Object.assign(defaultOptions, options);

const response = await fetch(url, requestParams);
  return response.text(); // displays the simplest form of the output in the console. Maybe changed to response.json() if you wish
}

如果你想GET请求,你可以把他们放在你的浏览器地址栏!

如果你把它粘贴到你的控制台,那么你可以通过重复调用你的函数来发出POST请求,就像这样:

postData('https://example.com/answer', { answer: 42 })
  .then(data => {
    console.log(data); // you might want to use JSON.parse on this
  });

服务器输出将打印在控制台中(以及网络选项卡中可用的所有数据)

这个函数假设您正在发送JSON数据。如果不是,则需要更改它以满足您的需要

其他回答

我试着用邮差软件,有一些认证问题。 如果你必须专门使用浏览器,去网络选项卡,右键单击呼叫,说编辑和发送响应。这里有一个类似的关于Firefox的ans,这个右键点击为我工作在边缘,非常确定它也适用于chrome

火狐

通过按Ctrl+Shift+E或通过菜单栏->工具-> Web Developer -> Network打开开发人员工具中的网络面板。选择请求对应的行。

新版本

在最右边找到一个重发按钮。然后,一个新的编辑表单将在左侧打开。编辑它。

旧版本

然后点击右上角的小门图标(在屏幕截图中的扩展形式,你会发现它就在突出显示的header的左边),第二行(如果你没有看到它,然后重新加载页面)->编辑并重新发送你想要的任何请求

它可能与浏览器没有直接关系,但Fiddler是另一个很好的软件。

Runscope试试。https://www.hurl.it/上提供了一个免费的工具来测试他们的服务。

可以设置方法、认证、报头、参数和正文。响应显示状态代码、报头和正文。响应体可以使用可折叠的层次结构从JSON格式化。

付费帐户可以自动测试API调用,并使用返回数据构建新的测试调用。

COI披露:我与Runscope没有关系。

您还可以使用Watir或WatiN来自动化浏览器。Watir是为Ruby编写的,而Watin是为。net语言编写的。但我不确定这是否是你要找的。

http://watin.sourceforge.net/ http://watir.com/