OPEN 技術スパイク

会場で詰む「怖い前提」を実機で確かめる検証ページ(本番コードではない)

1. 環境判定

LINE内ブラウザ-
アプリ内ブラウザ(汎用)-
PWAとして起動(standalone)-
HTTPS(カメラに必須)-
オンライン状態-
getUserMedia対応-
BarcodeDetector対応-
Service Worker対応-
UA-

2. カメラ起動 & QR読み取り

背面カメラで起動を試みます。映像が出れば「カメラOK」。QRを写して読めれば「デコードOK」。iOS SafariはBarcodeDetector非対応のことが多く、その場合は本番でjsQR等のライブラリが必要と分かります。

3. PWAオフライン検証

Service Worker登録-
手順:この画面が「登録済み」になったら → 機内モードON → このページをリロード
電波なしでもページが開けば「オフラインシェルOK」。会場WiFiなし対策の要です。