iphone

ホーム画面に追加したページと違うページが開く原因は？PWAのstart_urlを解説

iPhoneで見ていたページをホーム画面に追加したのに、トップページなど別のページが開く原因を解説。Xのプロフィールを例に、ユーザー側の対処法とPWAのstart_urlを設定する制作者側の対策を紹介します。

iOS 27のiPhoneでwindow.print()を実機検証。Safariでは印刷できるのに、ホーム画面から起動したPWAでは反応なし。beforeprint、afterprint、matchMedia('print')まで確認して、どこで止まっているのかを切り分けました。

ホーム画面に追加したWebサイトやPWAを開くと、保存したページではなくトップページが表示されることがあります。起動URLはあとから変更できるのか、追加し直しても直らない理由、start_urlとの関係、ブックマークとの使い分けを解説します。

iOS 27でPWAをホーム画面から開くと上部に広いブラーが表示されることがあります。CSSやmetaでは消せなかった表示が、ハンバーガーメニューの開閉で消えることを発見。固定パネルを使って再現した実機検証と回避策を紹介します。

PWAのmanifestにあるscopeは何を決める設定？scope:"/"やディレクトリ指定、scopeなしを比較し、Androidでのアプリ範囲とiPhoneでの表示の違いをPWA LABの実機検証から解説します。

PWAのWeb App Manifestで指定するdisplay: standaloneとfullscreenは何が違う？AndroidとiPhoneで実機検証した結果をもとに、ブラウザUI、アプリ感、使いやすさの違いと、どちらを選ぶべきかをわかりやすく解説します。

PWA LABで存在しないURLを指定してホーム画面追加を検証したところ、iPhoneではtheme_colorとサイト名から自動生成アイコンが作られる挙動を確認しました。

AndroidとiPhoneのPWAは何が違うのか。AndroidはWebをアプリ化し、iPhoneはWebページをホーム画面に置く体験を重視しているという視点で整理します。

PWAに必要なmanifest.jsonの基本を初心者向けに解説。iPhoneで効く項目、Android Chromeでインストール候補にするための設定、アイコンやscopeの注意点をまとめます。

PWAのアイコン指定でany maskableだけを使うと、AndroidとiPhoneで見え方がズレることがあります。manifest.jsonに通常アイコンとmaskableアイコンを分けて書く理由を解説します。