悬停时预取预渲染多个页面

Question

我有以下的代码，预取和预呈现*悬停特定链接，我的问题是，我需要添加每次新的链接，还是不多，所以我改变了href？

$(".prerender").on("mouseover", function() {
        var link = $(this).attr("href"),
            prerenderLink = $("#prerenderLink");
        if (prerenderLink.length) {
            if (prerenderLink.attr("href") === link) return;
            prerenderLink.attr("href", link);
        } else {
            $('<link id="prerenderLink" rel="prefetch prerender" href="' + link + '" />').appendTo("body");
        }
    });

删除、更改是否会href取消先前定义的预渲染/预取，href甚至将其从缓存中删除？或者因为它一旦留在缓存中就被调用了？

另外，哪里可以测试？

*因为预渲染是一项高级实验性功能，错误触发它会导致用户体验下降，包括带宽使用增加、其他链接加载速度变慢以及内容略显陈旧。如果您对用户接下来将访问哪个页面有很高的信心，并且您确实为用户提供了附加值，那么您应该只考虑触发预呈现。

Answer 1

更改 href 是否会取消网络请求可能取决于浏览器，而是否从缓存中删除可能取决于浏览器和用户设置。

要测试它，请使用 F12 弹出开发工具，打开网络选项卡并检查状态列。如果是 304（未修改），则它来自缓存。