Chrome控制台API,用于获取HTTP响应代码

时间:2019-05-21 16:28:02

标签: javascript google-chrome google-chrome-devtools

如何在Chrome的Javascript控制台中查询网站的HTTP响应代码(200、500、404等)?由于我从命令行以无头模式使用Chrome,因此我无权访问GUI DevTools窗口。最好

我想知道Javascript API的名称,该名称使我可以从Chrome的Javascript控制台查询其他HTTP响应详细信息。我也不想安装其他扩展程序来完成这项工作。

1 个答案:

答案 0 :(得分:0)

您的问题尚不清楚,但我会尽力而为。

如果需要从控制台发出请求,则可以使用内置的JavaScript API fetchXMLHttpRequest。如果需要检查当前加载页面的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请求,可以通过直接在控制台中输入monitorEvents来使用Chrome monitorEvents(XHMLHttpRequests, 'readystatechange')实用程序。输入此代码后,每个完整的XHMLHttpRequest将被记录到控制台。请注意,此功能仅在Chrome控制台中可用,在任何其他JavaScript环境中均不存在。

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