サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
qiita.com/ing_tachibana
はじめに ReactやAngular、Vue.jsなどの主要なフレームワークを使えばワンステップ+αで簡単に実装できるようになっていることからSSLさえ導入していればおまけ的に導入できるイメージのPWA。 実装を進めていくと「web表示だけ【ホーム画面に追加】の誘導モーダルを出したい」「PWAの環境下でのみストレージにデータを保持させておきたい」といったときにPWA環境か通常のブラウザかを判定する場面が多かれ少なかれ出てきます。 しかし、あまりここに触れている記事を見かけなかったので備忘録も兼ねて掲載します。 本題 メディアクエリのパース結果を利用してJavaScript上で判定します。 以下はmanifest.jsonでディスプレイモード「standalone」を指定した場合を想定しています。 if(window.matchMedia('(display-mode: standalone
このページを最初にブックマークしてみませんか?
『qiita.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く