sw.jsでHTMLをロードしなくても、サービスワーカーキャッシュはサイト全体で機能しますか？

Question

サービスワーカーキャッシュは、ユーザーが実際にsw.jsがロードされているHTMLページにあるかどうかにかかわらず、サイト全体で機能しますか？例えば

： SW

でローカルキャッシュを制御し、ローカルキャッシュでは、ユーザーのブラウザ

に登録されたサービス労働者はいくつかのファイルを含めて、キャッシュされた...

• を想定すると、 html、js、css、およびいくつかjpgのもの

ユーザーがブラウザのJPGまたはCSSファイルのいずれかに直接アクセスする場合、ブラウザは要求を実行しますかサービスワーカー、および/または自分自身がそれらのローカルファイルを認識し、ローカルにキャッシュされたファイルをレンダリングしますか？

Answer 1

サービスワーカーが起動された一つがあるたびに、そのfetchハンドラがトリガされます。

• サービスワーカーのスコープの下でURLへのナビゲーションが。
• サービスワーカーのスコープの下にあるクライアントページによって作成されたURLの要求。 （イメージやスタイルシートなどのリクエストなど）

サービスワーカーのスコープの下にあるURLに直接移動する場合は、そのURLがHTMLドキュメントに対応していなくてもサービスワーカーのfetchハンドラが応答するチャンスがあります。

サービスワーカーが特定のURLのキャッシュバージョンで常に応答するfetchハンドラを持っている場合、そのアセットがイメージやスタイルシートなどであってもナビゲーションを実行するためにその応答が使用されます。

あなた自身のためにこれを試すことができます。

1. サービスワーカーをインストールhttps://images.guide/などのサイトを参照してください、リソースの数をキャッシュし、キャッシュを経由してプリキャッシュリソースに対する要求に応答fetchハンドラを使用しています。
2. オフラインになります。
3. プリキャッシュのURLにアクセスし、https://images.guide/images/hamburger.svg

のようにあなたがプリキャッシュリソースがナビゲーション要求に応答するために使用されていることがわかります。