0

HTML5 Prefetching 是一个很棒的工具，过去它在浏览图片库时为用户提供了更好的用户体验。不过，在这种情况下，我似乎无法让我的图像正确预加载。当我在 Chrome 开发工具中查看网络选项卡时，我看到 GET 请求已处理，但在状态下它们被列为（已取消）& 类型为“待处理”。

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

我正在使用基本的 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">
4

1 回答 1

0

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

于 2014-05-19T18:57:33.477 回答