Nodachisoft Nodachi Sword Icon
  
@あまじ✎ 2020年4月23日に更新

手動での ServiceWorker の削除停止、アンインストール方法

Service Worker を使った開発をしている時、たびたび Service Worker でエラーが発生し、想定通りにブラウザのスクリプトが動作してくれない時があるかと思います。

以前の記事 gatsby-plugin-offline で本番ページが更新されないときで記述したのですが、Service Worker で動作する javascript で問題が発生した時は、一度ブラウザ上から Service Worker をアンインストールしたほうが良い場合があるので、手順をまとめておきます。

Google Chrome(デスクトップ)

手順は Google Chrome のバージョン 81 のものです。

Google Chrome での手動での Service Worker アンインストール手順です。 いくつかの方法があるので、好きな手順で。

Google Chrome の開発者ツールから削除する方法

まず Service Worker が動作する対象のWeb URL(ドメイン)にアクセスします。

  1. 対象ページで F12キーで開発者ツール(DevTool)を表示します。
  2. 開発者ツールの上部のタブから Applicationを選択します。

PC版 Chrome ServiceWorker 削除停止手順1

  1. 項目からService Workerを選択します。
  2. Unregistersを選択します。

PC版 Chrome ServiceWorker 削除停止手順2

これで一度、対象のドメイン上で動作する Servie Worker が削除されます。もう一度アクセスしたときには Service Worker が改めてインストールされます。

Chromium 向けの内部管理画面から削除する方法

  1. Google Chrome のウィンドウURL に「chrome://serviceworker-internals」を入力
  2. Service Worker 一覧が出てくるので、Ctrl+ F でページ内から対象ドメインを検索
  3. 対象のドメインでUnregisterを選択

PC版 Chrome ServiceWorker 削除停止手順

Microsoft Edge で内部管理画面から削除する方法

Microsoft Edge のバージョン80 以降は内部に Chromium を採用しており、 Chrome とほぼ同じ手順で特定/全部のドメインの Service Worker を削除できます。

  1. Edge を開き URLに「edge://serviceworker-internals」を入力
  2. Service Worker 一覧が出てくるので、Ctrl+ F で対象ドメインを検索
  3. 対象のドメインでUnregisterを選択

Chrome の ServiceWorker 機能を無効化する

ServiceWorker を動作させないようにするには別の設定が必要です。 設定には Chrome の試験運用版画面へのアクセスが必要です。

  1. URL に chrome://flags と入力することで表示できます。
  2. 検索ボックスに Desktop PWAService Worker を入力し、停止する機能(フラグ)一覧を表示します。
  3. 表示されるフラグをDefaultもしくはEnableからDisabledに変更します。
  4. Google Chrome を再起動します。

PC版 Chrome ServiceWorker 停止設定 手順1

参考

変更履歴

  • なし
 
 
送信しました!

コメント、ありがとうございます。

なんかエラーでした

ごめんなさい。エラーでうまく送信できませんでした。ご迷惑をおかけします。しばらくおいてから再度送信を試していただくか、以下から DM などでご連絡頂ければと思います。

Twitter:@NodachiSoft_jp
お名前:
 
連絡先:
 
メッセージ:
 
戻る
内容の確認!

以下の内容でコメントを送信します。よろしければ、「送信」を押してください。修正する場合は「戻る」を押してください

お名前:
 
連絡先:
 
メッセージ:
 
Roboto からの操作ではないという確認のため確認キーを入れてください。
確認キー=95
戻る
 / 
送信確認へ
コメント欄
コメント送信確認へ

広告領域
追従 広告領域
目次
手動での ServiceWorker の削除停止、アンインストール方法
手動での ServiceWorker の削除停止、アンインストール方法
Google Chrome(デスクトップ)
Google Chrome(デスクトップ)
Google Chrome の開発者ツールから削除する方法
Google Chrome の開発者ツールから削除する方法
Chromium 向けの内部管理画面から削除する方法
Chromium 向けの内部管理画面から削除する方法
Microsoft Edge で内部管理画面から削除する方法
Microsoft Edge で内部管理画面から削除する方法
Chrome の ServiceWorker 機能を無効化する
Chrome の ServiceWorker 機能を無効化する
参考
参考
変更履歴
変更履歴
Nodachisoft © 2020