Question

HTML5预取是一个很棒的工具，在过去，它为用户提供了更好的用户体验，可以在导航图像库时使用。虽然，在这种情况下，我似乎无法让我的图像正确预加载。当我在Chrome开发工具中查看网络标签时，我看到GET请求已被处理，但在状态下，它们被列为（已取消）＆amp;类型是“待定”。

知道为什么这些请求会被取消？

我正在使用基本的PHP for循环遍历JSON数组来检索您可以在此处看到的图像路径：

 <?php foreach($this->slideShow as $key => $value ) {?>
    <link rel="prefetch" href="<?= $value->mainImage ?>">
 <?php } ?>

以下是上述循环运行时返回的内容的示例：

<link rel="prefetch" href="http://cdnl.mysite.com/mp/620/400/leadimage1.jpg">
<link rel="prefetch" href="http://cdnl.mysite.com/mp/620/400/leadimage2.jpg">
<link rel="prefetch" href="http://cdnl.mysite.com/mp/620/400/leadimage3.jpg">
<link rel="prefetch" href="http://cdnl.mysite.com/mp/620/400/leadimage4.jpg">
<link rel="prefetch" href="http://cdnl.mysite.com/mp/620/400/leadimage5.jpg">

Answer 1

取消预取，因为打开了开发人员工具。如果您使用chrome://net-internals工具，则会在关闭开发工具时看到它们成功。取消的预取是吵闹的，但没有错。

在动态生成的页面上预取图像

1 个答案: