あなたの最初のオフラインウェブページを造る方法
1123 ワード
今日、我々はサービスワーカーの助けを借りて、最初のオフラインのWebページを構築している.
─
サービスワーカーは、ユーザー相互作用なしで我々のブラウザーで背景を走らせることができます.彼らは自分のスレッドで動作し、ブラウザでもクローズ/サイトの閉鎖動作します.
サービスワーカーは、ローカルホスト上で動作する開発時に(https)のような安全なサイトだけで動作します.
今日、私たちはオフラインのWebページを構築するためにサービスワーカーを使用しています.
まず、ブラウザでサービスワーカーが利用可能かどうかを確認する必要があります.
このスクリプトです.jsファイル.
─
ナビゲーションにサービスワーカーがいる場合、上記のコードはどうなりますか
ブロック内でこれらのコードを実行します.
空のSWを作る必要があります.jsファイルとSWのパスを指定する必要があります.レジスターメソッドのJSファイル.
registerメソッドは、登録が成功した場合、私たちに約束を返します
その後、我々はそれ以外の場合はいくつかの問題は、登録中に発生した良いです.
─
彼らは別のライフサイクルイベントサービス労働者は私たちを提供しています
インストールして、アクティブにします.
まず、コードを書く必要のあるサービスワーカーをインストールする必要があります.
─
─
このように見える
インストール時に、キャッシュを開いて、静的資産をキャッシュに入れます.
─
イベント.WaitUntil ()は約束を待ちます.
解決する.キャッシュの中に資産が入るまで待ってください.
私は既にアクティブなイベントをスキップしています.我々は既に、' myc - cache - 1 '*のキャッシュ名に静的資産をキャッシュしました.
現在、我々はキャッシュにアクセスして、ネットワーク要求を送る代わりにキャッシュの中で資産を使用したいです.
─
─
yesがそれを使用するか、ネットワーク要求を送るならば、それが最初に要求したファイルがキャッシュにあるかどうかチェックしてください.
うわー、我々は正常に我々のシンプルなオフラインのWebページを完了しました
─
これらは私たちの最終的な出力はあなたが疑問を自由に聞いている場合は自分で試してください.
ハッピーコーディング.
資源
─慶喜3年(1666年)9月5日
─慶喜3年(1666年)9月5日
─
サービスワーカーは、ユーザー相互作用なしで我々のブラウザーで背景を走らせることができます.彼らは自分のスレッドで動作し、ブラウザでもクローズ/サイトの閉鎖動作します.
サービスワーカーは、ローカルホスト上で動作する開発時に(https)のような安全なサイトだけで動作します.
今日、私たちはオフラインのWebページを構築するためにサービスワーカーを使用しています.
まず、ブラウザでサービスワーカーが利用可能かどうかを確認する必要があります.
このスクリプトです.jsファイル.
─
ナビゲーションにサービスワーカーがいる場合、上記のコードはどうなりますか
ブロック内でこれらのコードを実行します.
空のSWを作る必要があります.jsファイルとSWのパスを指定する必要があります.レジスターメソッドのJSファイル.
registerメソッドは、登録が成功した場合、私たちに約束を返します
その後、我々はそれ以外の場合はいくつかの問題は、登録中に発生した良いです.
─
彼らは別のライフサイクルイベントサービス労働者は私たちを提供しています
インストールして、アクティブにします.
まず、コードを書く必要のあるサービスワーカーをインストールする必要があります.
─
─
このように見える
インストール時に、キャッシュを開いて、静的資産をキャッシュに入れます.
─
イベント.WaitUntil ()は約束を待ちます.
解決する.キャッシュの中に資産が入るまで待ってください.
私は既にアクティブなイベントをスキップしています.我々は既に、' myc - cache - 1 '*のキャッシュ名に静的資産をキャッシュしました.
現在、我々はキャッシュにアクセスして、ネットワーク要求を送る代わりにキャッシュの中で資産を使用したいです.
─
─
yesがそれを使用するか、ネットワーク要求を送るならば、それが最初に要求したファイルがキャッシュにあるかどうかチェックしてください.
うわー、我々は正常に我々のシンプルなオフラインのWebページを完了しました
─
これらは私たちの最終的な出力はあなたが疑問を自由に聞いている場合は自分で試してください.
ハッピーコーディング.
資源
─慶喜3年(1666年)9月5日
─慶喜3年(1666年)9月5日
Reference
この問題について(あなたの最初のオフラインウェブページを造る方法), 我々は、より多くの情報をここで見つけました https://dev.to/sait/how-to-build-your-first-offline-webpage-3l6oテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol