Node.js 如何在Express 4中正确设置链接预取标头?
根据正确的方法是发送标头:Node.js 如何在Express 4中正确设置链接预取标头?,node.js,google-chrome,express,chromium,etherpad,Node.js,Google Chrome,Express,Chromium,Etherpad,根据正确的方法是发送标头: Link: </images/big.jpeg>; rel=prefetch 因此,我的express语法是: res.header('Link', '</images/big.jpeg>; rel=prefetch'); 我在浏览器中看到它如下所示: Link:</images/big.jpeg>; rel=prefetch 但chrome从未尝试下载该图像。。meta和link方法可以很好地工作 我是否设置了标题错误,或者
Link: </images/big.jpeg>; rel=prefetch
因此,我的express语法是:
res.header('Link', '</images/big.jpeg>; rel=prefetch');
我在浏览器中看到它如下所示:
Link:</images/big.jpeg>; rel=prefetch
但chrome从未尝试下载该图像。。meta和link方法可以很好地工作
我是否设置了标题错误,或者浏览器无法处理标题值
乌德帕特:好吧,看来我做得不错,但Linux/Ubuntu上的Chrome 43和Chrome 43还不支持这一点。这在Firefox38中运行良好
是否Chromium只是没有在网络选项卡中显示预取
更新2:看起来Chrome/Chrome确实在网络选项卡上隐藏文件传输。如果有人能确认这一点,我将非常感激为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将欺骗您并显示它不工作。始终使用测试工具进行测试
要在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将欺骗您并显示它不工作。始终使用测试工具进行测试
当文件具有动态哈希时,如:styles.b2d783724150de9a2373.cshow,我们如何添加预取或预加载?当文件具有动态哈希时,如:styles.b2d783724150de9a2373.css,我们如何添加预取或预加载