2017-06-09 7 views
3

私のドメインはabc.comで、私のページの内側にはiframeがあります123.com。私は各ドメインのコードを所有しています。iframeをサービスワーカーでオフラインで表示できますか?

サービスワーカーでは、オフラインでabc.comをロードできますが、123.comのiframeはロードされません。そのファイルをcache.addAllコールに追加してもロードされます。

オフラインで、iframeをレンダリングする方法を教えてください。例を歓迎します。 のロード

<!DOCTYPE html> 
<html> 
    <head></head> 
    <body> 
    will render offline 

    <!-- will not render offline --> 
    <iframe src="123.com"></iframe> 
    </body> 
</html> 
+0

iframeには独自のサービスワーカーが必要です。あなたのコードにiframeとして埋め込み[このリンク](https://googlechrome.github.io/samples/service-worker/custom-offline-page/)をテストできますか?オフラインでテストする前にそれを開くことを忘れないでください。 –

答えて

2

は新しいタブ/ウィンドウ内の全ページをロードするvery similarです。 <iframe>.srcのリクエストは、範囲が<iframe>.srcのサービスワーカー(つまり、あなたの場合は、スコープがhttps://123.com/のサービスワーカー)のすべてのfetchハンドラをトリガーします。

fetchハンドラに渡されますFetchEventは、スタンドアロンタブ/ウィンドウで新しいページへのナビゲーションが持っているのと同じように、'navigate'request.modeを持つことになります。

関連する問題