Android 端末とPCでWebインスペクタ

iOS6 の safari からの新機能で、USBケーブルで Macと接続した場合に、Mac 側の Safari (ver.6) で実機で表示しているページを分析できるようになった。Android でも同じ事ができるだろうと思ってちょっと調べた。

このサイトに参考になる記事があったのでやってみたところ・・・。なんと、Google USB Driver が Mac に対応していなくてインストールできない。詰んだ。adb などのコマンドは簡単にインストールして動かせるんだけどね。

Android & Mac な組み合わせでは Adobe Edge Inspect で頑張りましょう。

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

<meta name="apple-itunes-app" content="app-id=333903271, app-argument=twitter://timeline, affiliate-data=partnerId=30&amp;siteID=UkOLawSuc90">

このコードが 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/

今日の美味しい秋刀魚

赤坂 転石亭 HANARE のランチで、焼きおさかな膳(900円)のメニュー。

旬の魚、秋刀魚の塩焼きは美味い。大きいし、脂が乗ってる。とても良い。