"簡単に"PWAやService worker (SW) をHTTP環境で高速・シンプルにテスト・デバッグする

はじめは、Chrome DevtoolsのPort forwardingを使っていたが、遅いし、トラブルが起きやすかったので、LAN内でシンプルにテストする方法を考えた。

AndroidのChromeを想定しています

はじめに、以下をAndroidのChromeで開く。

chrome://flags/#unsafely-treat-insecure-origin-as-secure

そして、自分のipアドレスを、http://からポート番号まで入れて、Enabledにして、下のYour changes will take effect the next time you relaunch Chrome.のRelaunchを押す。

Relaunchを忘れずに！

Chromeが再起動したら、http://192.168.x.x:8000のように入れて、開けば、httpだけどアドレスバーにiと表示され、SWやPWA、パスキーなどが使えるようになる。