在動態生成的頁面上預取圖像

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

在動態生成的頁面上預取圖像

回答

相關問題