Mobile Safari で Twitter を見ていたらアプリの紹介が出るのを Smart App Banner っていうらしい

このコードが mobile 版 twittter の header 部分に入っている。iOS6 の Safari は開発モードで Mac の Safari の Web インスペクタを利用する事ができるので、それを利用して調査。gist に生成されるHTMLコードをメモ。

Smart App Banner という iOS6 での新機能。

Safari の developer 情報に載っています。

iOS6 のときのみ、アドレスバーと表示しているページの間に表示されるようになる。 Chrome では表示されなかった。WebView では表示されないような挙動。

指定した app-id のアプリがインストールされているかどうか分かるようだが、サイト側から同じ事をしてアプリのインストールチェックをすることが出来るようにならないかな。

• Smart App Banner が生成したHTMLメモ
  • https://gist.github.com/3826164
• Promoting Apps with Smart App Banners
  • https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html#//apple_ref/doc/uid/TP40002051-CH6-SW1
• Safari Developer Library
  • https://developer.apple.com/library/safari/navigation/