JavaScript で HTTP 応答ヘッダーを取得するにはどうすればよいですか?

JavaScript での HTTP ヘッダーの取得

Web ページの HTTP 応答ヘッダーへのアクセスは、Web サイトの動作のデバッグと分析に不可欠です。現在のヘッダーを直接読み取ることはできませんが、ヘッダーを取得するための代替方法があります。

XMLHttpRequest オブジェクトの使用

XMLHttpRequest オブジェクトは、非同期サーバー リクエストを行う方法を提供します。そして応答ヘッダーを取得します。使用方法は次のとおりです。

var req = new XMLHttpRequest();
req.open('GET', document.location, true);
req.send(null);
req.onload = function() {
  var headers = req.getAllResponseHeaders().toLowerCase();
  console.log(headers);
};

このコードは、現在の URL に対して GET リクエストを実行し、リクエストが完了すると、すべての HTTP ヘッダーを取得して小文字形式で表示します。

警告

headers は、ヘッダーが現在のヘッダーと同一であることを保証しません。ヘッダーが動的に変更される可能性がある場合 (ユーザー操作後など)、ヘッダーをリクエストした時点では正確ではない可能性があります。

以上がJavaScript で HTTP 応答ヘッダーを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。