是否可以在前端处理 http-header 信息？ （使用 JavaScript）

Question

我正在寻找如何检测img文件的方法没有找到（404...或50x）

所以我确实弄清楚了 img-file 是什么，就像下面的步骤..

1. 解析html和css代码，然后捕获URL
2. 临时制作img标签，分配src=URI
3. 检查属性（宽度，高度），如果是0值，则找不到。

最后，我想获取远程地址，如果可以，我可以找出服务器有问题！

所以我想，如果我可以在前端处理 http-header，那就太棒了！

我也考虑过使用 Ajax，但它需要额外的运行时间， 然后会导致糟糕的网络性能.....

所以！ 简而言之，这是我真正的问题。 是否可以在前端处理 http-header 信息？ （使用 JavaScript，不使用 chrome-dev-tool、wireshark 等任何工具..）

![如何处理这些数据？（状态、远程地址等...）][1]

Answer 1

不，无法从 HTTP 标头中检索 IP 地址。原因是，远程地址不是 HTTP 请求或响应标头的一部分。您唯一的选择是向 DNS 解析 API 发出 ajax 请求，并使用它将主机名解析为 IP 地址。以下是使用Statdns.com 的示例：

function hostToIp(host, callback) {
    function onComplete() {
        var res = JSON.parse(this.responseText);
        var ip = res.answer[0].rdata;
        callback(ip);
    }
    var oReq = new XMLHttpRequest();
    oReq.onload = onComplete;
    oReq.open("GET", "http://api.statdns.com/" + host + "/a", true);
    oReq.send();
}

console.time('resolve ip');
hostToIp('google.com', function(res){
    document.write(res);
    console.timeEnd('resolve ip');
});

如您所见，请求通常在 300 毫秒内解决，并且是非阻塞的。所以我认为这不会对性能产生负面影响。