iPhone用のウェブアプリがホーム画面から呼び出されたかどうか判断する

iPhone と iPod touch 向けのサイトは html の head 内に

<meta name="apple-mobile-web-app-capable" content="yes" />

とメタタグを入れると、ホーム画面にリンクを登録した後ホームからそのページを開くと、画面下部のナビゲーションを非表示にしてフル画面表示にできます。

これを利用して、そのページやらウェブアプリやらが、ホーム画面から起動されたかどうかをチェックして、動作を切り分けてみました。

例えば viewport を

<meta name="viewport" content="width=device-width, user-scalable=no" />

としている場合は window.innerHeight が 460 だったらホーム画面からの起動、356 だったらどこかからのリンク。

必ずフル画面で使用して欲しいページの場合、window.innerHeight が 356 だったらホーム画面への登録を促す表示を行う、などすると良い感じです。