如何仅获取(使用 Fetch API)Javascript 中的 headers,而不是全部内容?

How to fetch (using Fetch API) only headers in Javascript, not the whole content?

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

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

注意:我对此很感兴趣,因为显然,如果我尝试获取常规 Google 页面的所有链接的 header,XMLHttpRequest() 方法会记录我出去,有时也会改变我的语言,而 fetch() 方法不会。我认为这是因为前者发送凭据/cookies/等,而后者默认情况下更多 'restrictive'...

您需要指定HEAD的方法类型:

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

See updated fiddle