Corredor

ウェブ、プログラミングの勉強メモ。

iOS Safari でフルスクリーンモードにするページのタイトルを変更する

Mac Fan 2017年10月号 [雑誌]

Mac Fan 2017年10月号 [雑誌]

最近 (今頃?) マイブームな iOS Safari のフルスクリーンモード。任意の Web ページを「ホームに追加」したときの挙動を Web ページ側で変更できるのだが、こんな meta 要素もあった。

<meta name="apple-mobile-web-app-title" content="アプリタイトル">

通常「ホームに追加」を選ぶと、デフォルト値は title 要素の値になるが、この meta 要素で title 属性と異なるデフォルト値を設定できる。

以下のページにこの apple-mobile-web-app-title を仕込んでいるので、Safari 上のタブで確認できるページタイトルと、「ホーム画面に追加」を選択した時のデフォルト値が異なることを確認してみてほしい。

結局アプリ名はユーザが登録時に変更できてしまうので、そこまで効果がないかもしれないが、こんなこともできるんだということで…。

[rakuten:book:18749053:detail]