なぜかブラウザでリロードしてもコンテンツが更新されない時の対処法

非常にレアケースかもしれないけど、将来また起こってしまった時のために投稿。

localhost で開発をしている時に、ロードしてもなぜかコンテンツが更新されず、Command+Shift+R でリロード（Mac の Chrome の場合）すると更新される状況に。

いろいろ調べてみたところ、以前にお試しした Service Worker のワーカーが残りっぱなしで、それが悪さをしていることが判明。

残っているワーカーを unregister するために、Chrome のスニペットで下記を実行した。

navigator.serviceWorker.getRegistrations().then(function(regs) {
    console.log(regs);
    regs.forEach(function(reg){
        reg.unregister().then(function(result){
            console.log(result ? 'Unregistered' : 'Error');
        });
    });
})

スニペット機能は開発ツール内にあり、任意の JavaScript を保存して実行することが可能。下記のスクリーンショットを見てもらえれば、なんとなくわかると思います。実行するときは、左のリスト上で右クリックして「Run」を選択します。