javascript - 用于获取 HTTP 响应代码的 Chrome 控制台 API

Question

如何在 Chrome 的 Javascript 控制台中查询网站的 HTTP 响应代码（200、500、404 等）？由于我在命令行中以无头模式使用 Chrome，因此无法访问 GUI DevTools 窗口。优选地，

我想知道允许我从 Chrome 的 Javascript 控制台查询其他 HTTP 响应详细信息的 Javascript API 的名称。我也不想安装额外的扩展来完成这项工作。

标签： javascriptgoogle-chromegoogle-chrome-devtools

Answer 1

你的问题很不清楚，但我会尽力而为。

如果您需要从控制台发出请求，您可以使用内置的 javascript APIfetch或XMLHttpRequest. 如果您需要检查HTTP当前加载页面的状态，您可以fetch location.href并记录结果。这在技术上是一个不同的请求，但它是获取此信息的唯一方法。这是一个使用示例XMLHttpRequest（对于我推荐的普通代码，fetch但XMLHttpRequest在控制台中可能会更好地工作）：

var req = new XMLHttpRequest();
req.open('get', 'yoururl.com');
req.send();
req.status; //in the console this will automatically log the request status

根据您打开控制台的位置以及您发出的请求类型，您可能会遇到 CORS 错误。

如果您需要在检查时监控应用程序生命周期中发生的 HTTP 请求，您可以通过直接进入控制台来使用 chromesmonitorEvents实用程序。monitorEvents(XHMLHttpRequests, 'readystatechange')输入此代码后，每个完成XHMLHttpRequest都会记录到控制台。请注意，这仅在 Chrome 控制台中可用，并且不存在于任何其他 javascript 环境中。

如果这些都不适合您的需求，那么我不确定您是否还有其他选择。