PWA LAB
WEB
☰
PWAチェッカー
PWA Playground
OJapp Tool
OJapp Tips
OJapp PWA LAB
PWA
PLAYGROUND
manifest・display・theme_color・offlineなどを 動的に変更しながら、PWAの見え方や挙動を 実験できます。
PWA SETTINGS
APP NAME
DISPLAY MODE
browser WEBのまま
standalone 一般的なPWA
fullscreen ネイティブアプリそっくりに
minimal-ui 簡易表示
ORIENTATION
portrait 縦画面
landscape 横画面
any 自由回転
THEME COLOR
BACKGROUND COLOR
SHORTCUTS | PC & android
disabled
enabled
OFFLINE MODE
disabled
cache-first
network-first
stale-while-revalidate
MODE
WEB
ONLINE
ONLINE
INSTALLABLE
WAIT
COPY MANIFEST
GENERATE PWA
LIVE PREVIEW
standalone
OJapp PWA LAB
Home screen preview and splash/theme-color simulation.
LAB NOTE
shortcuts は Android限定感が強く、 実用性はかなり限定的でした。
SW通知は PC Chrome では動作。 Android / iPhone は不安定でした。
fullscreen や landscape は Androidでかなりアプリ感が出ます。
PWAは仕様より、 実機確認の方が重要でした。
PWA LAB
PWA LAB