12 
<!DOCTYPE html>
<meta charset="utf-8">
<title>An HTML Document</title>
<link rel="prefetch" href="https://www.apple.com/">
<link rel="prerender" href="https://www.apple.com/">
<script>
    document.addEventListener('click', function () {
        // Prerendering https://www.apple.com/ipad on Chrome.
        // ...

        // Prefetching https://www.apple.com/ipad on Firefox.
        // ...
    }, false);
</script>

ページを開くと、https： //www.apple.com/がプリレンダリングされ、さまざまなブラウザでプリフェッチされます。ドキュメントがクリックされたら、別のページhttps://www.apple.com/ipadをプリレンダリングしてプリフェッチしたいと思います。

選択する方法は2つあるようです。link現在の2つの要素のURLを置き換えることができます。または、2つの新しいlink要素を要素に挿入できheadます。

HTMLで新しいプリレンダーを設定する正しい方法は何ですか？

HTMLで新しいプリフェッチを設定する正しい方法は何ですか？

Chromeでprerenderlink要素のURLをhttps://www.apple.com/からhttps://www.apple.com/ipadに置き換えようとしました。Chromeのタスクマネージャーをオンにしたところ、https： //www.apple.com/ipadが事前に作成されていないことがわかりました。事前にレンダリングされた唯一のページはまだhttps://www.apple.com/です。それで、この方法は機能しないように見えますか？

4

3 に答える 3

17

<link rel="prefetch">実際にはHTML 5 仕様の一部です。

<link rel="prerender">Googleが独自のことを行っているようです。

ジャスティンは間違っています。FF は prefetchをサポートし、Chrome は prerender をサポートしているため、 prefetch と prerender の両方 (または少なくとも両方を出力するポリフィル) が必要です。

于 2013-07-02T15:11:23.233 に答える