在页面加载触发预取后是否附加 rel = prefetch 或 prerender 的链接？

Question

我打算在页面加载后使用 JS 将这样的预取链接注入到文档中：

<link rel="prefetch" href="https://www.example.com">

这会启动预取吗？或者只有在页面加载时它们是文档的一部分时才尊重 rel= prefetch 和 preload 的链接？

Answer 1

是的，它应该也可以工作。

The specs 声明

资源提示链接可以在文档标记中指定，可以通过 HTTP Link 标头提供，可以动态添加到文件。

最后一部分是我们感兴趣的部分。

它甚至是该文档所公开的use-cases 中的one：

预取可用于实现“反应式预取策略”，该策略利用用户下一步要去哪里的知识，使应用程序能够在导航请求的同时开始预取关键资源。

为了实现上述行为，应用程序可以监听点击，或其他用户和应用程序产生的事件，并为下一次导航所需的关键资源动态插入相关的预取关系。反过来，用户代理可以在导航请求的同时获取提示资源，从而更快地提供关键资源。