node.js - 如何在 Express 4 中正确设置链接预取 header ？

Question

根据MDN正确的方法是发送 header :

Link: </images/big.jpeg>; rel=prefetch

所以我的表达语法是:

res.header('Link', '</images/big.jpeg>; rel=prefetch');

我看到它在我的浏览器中显示为:

Link:</images/big.jpeg>; rel=prefetch

但是 chrome 永远不会尝试下载图像..元和链接方法工作正常..

是我设置的 header 错误还是浏览器无法处理 header 值？

UDPATE:好的，看来我做的事情是正确的，但 Linux/Ubuntu 上的 Chrome 43 和 Chromium 43 尚不支持此功能。这在 Firefox 38 中运行良好..

Chromium 是否只是没有在“网络”选项卡中显示预取？

更新 2:看来 Chrome/Chromium 确实隐藏了“网络”选项卡中的文件传输。如果有人能证实这一点，我将不胜感激..

Answer 1

在 Express 4+ 中为一个文件设置预取..

res.set('Link', '<static/js/file1.js>; rel=prefetch');

对于多个文件。

res.set('Link', '<static/js/file1.js>; rel=prefetch, <static/js/file2.js>; rel=prefetch');

请勿尝试在 Chrome 中测试此功能，如果您在“网络”选项卡下进行调查，Chrome 会欺骗您并将其显示为无法正常工作。始终使用 Firefox 进行测试.

You can see me implementing this in a larger project in context here.