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

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

任何想法为什么这些请求会被取消？

我使用循环基本PHP通过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">

来源

2013-04-02 HjalmarCarlson

看看这个：http://stackoverflow.com/questions/7431366/how-to-test-prefetch-prerender –

看来这个功能还没有准备好黄金时段：http://www.rocketmill.co .uk/html5-prefetch –

@Diodeus - 该链接正在讨论页面预渲染; OP的问题是关于资源预取。它们是相关的，但不同。 – TomG

因为开发人员工具已打开，所以预取将被取消。如果您使用chrome://net-internals工具，您会发现在开发工具关闭时它们会成功。取消预取是嘈杂的，但没有错。

来源

2014-05-19 18:57:33 mattbasta

为什么他们会被取消，因为devtools被打开？那是什么逻辑？ – vsync

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

回答

相关问题