需要获取静态文件的状态

Question

我需要在页面上获取静态文件的状态（http 代码）。

例如 html 代码包含

<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="https://example.com/theme.css">
<script src="script.js"></script>
<script src="https://example.com/script.js"></script>
<img src="image.png">
<img src="https://example.com/image.png">

在输出时需要像这样获得 json 只需要 404。

{
  "css": [
    {
      "https://example.com/theme.css": "404",
      "https://example2.com/theme.css": "404"
    }
  ],
    "js": [
    {
      "https://example1.com/script.js": "404",
      "https://example.com/script.js": "404"
    }
  ],
      "images": [
    {
      "https://example.com/image.png": "404",
      "https://example.com/image.png": "404"
    }
  ]
}

它必须仅使用 Javascript 完成。

我要用这个

var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
        callback(xmlHttp.responseText);
}
xmlHttp.open("GET", theUrl, true); // true for asynchronous
xmlHttp.send(null);

有必要在收到状态后，不应通过对文件执行单独的 GET 请求来完成此操作。

但是我找不到如何在不执行单独的 GET 请求的情况下执行此操作的方法。

谁能找到解决办法？

Answer 1

如果您使用像 PHP 这样的服务器端语言，那么我有一些想法。 例如。

<?php
$url= $_POST["url"];
$curl = curl_init(); curl_setopt_array($curl, array( CURLOPT_URL => $url, CURLOPT_HEADER => true, CURLOPT_RETURNTRANSFER => true, CURLOPT_NOBODY => true)); $header = explode("\n", curl_exec($curl)); curl_close($curl); $string = $header[0];
if(strpos($string, "200")){
    echo "200";
}else{
    echo "404";
}
?>

使用url参数在 AJAX 中调用上述文件。

或者在你的服务器端写类似的行。 喜欢（蟒蛇）：

s=socket.socket()
s.connect('url',80)
s.send('GET /path HTTP/1.0\r\nHost:hostname\r\n\r\n')
print s.recv(1024) #some lines of headers

综上所述，简而言之，不发送request就不可能获得任何主机中存在的文件的status code 。

因此，不可能不发送多个 AJAX 请求（单独的 GET 请求）

Answer 2

我需要在这里做一些假设，所以请检查一下，这些是否属实:-)

• 您想在浏览器中运行代码（即不在 Electron 或 Node.js 或 Web 扩展中）。
• 您想保存额外的网络往返（例如，不要发出额外的请求来丢弃响应，因为您只需要状态）。
• 您想进一步处理结果。
• 您要求插入 HTML 中的静态文件（而不是注入 JavaScript）。

恐怕，您在提出其他要求方面无能为力。

这里有一些想法，你可以进一步调查：

• 发出额外的HEAD请求而不是 GET
  • 这只会要求 HTTP 标头（主体将为空）。
  • 遗憾的是，并非所有服务器都支持它。
• 在将响应转发给浏览器之前，使用Service Worker 拦截网络请求并查看状态代码。
  • 我不能告诉你，如何从服务工作者那里得到响应。
• 尽早注册您的 JavaScript 并拦截请求，即直接在 JavaScript 中处理它们。
  • 不适用于 HTML 中链接的静态资源

如果您能提供有关您正在尝试做的事情的更多详细信息，那就太好了。

干杯

龙野纪