javascript - 如何仅获取(使用 Fetch API)Javascript 中的 header ，而不是全部内容？

Question

我有这个sample fiddle ，我尝试使用 XMLHttpRequest() 和 fetch() 从大图像中获取仅 content-type header 在 Javascript 中。如果您在打开 Chrome 的开发人员工具/网络选项卡(或其他浏览器中的类似工具)的情况下运行 fiddle ，您会看到虽然 XMLHttpRequest() 方法仅获取 header 所在的 600 B , fetch() 方法获取整个 7.8 MB 图像，尽管我的代码只需要 content-type header 。

如何使用 Fetch API 的 fetch() 获取 header 所需的那几个字节(而不是全部内容)？

注意:我对此很感兴趣，因为显然，如果我尝试获取常规 Google 页面的所有链接的 header ，XMLHttpRequest() 方法会将我注销并有时会更改我的语言也是如此，而 fetch() 方法则没有。我认为这是因为前者发送凭据/cookies/等，而后者默认情况下更具“限制性”......

Answer 1

需要指定HEAD的方法类型:

fetch(url, {method: 'HEAD'})

See updated fiddle