[iPhone][html]status barのstyleを変更する

Safari Web Content GuideのConfiguring Web Applicationsを読んで気になったのですが、実は、ホーム画面にwebページを追加した後、そこから、開いたときにどうやら、ステータスバーのスタイルを変更することができるみたいです。

で、具体的にどうするかというと、metaタグに下記の2行を追加すればいいそうです。

<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" />

実際に、試してみたところ、確かに、ステータスバーの色が変化しました。


Tweet