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

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

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

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

Google Chrome のコンソールで画像に警告が出てたので調べてみた。

Google Chrome で img ファイルをみるとコンソールでたまに、

Resource interpreted as Image but transferred with MIME type image/jpg: XXXXXXX

な警告が出る。(XXXX部分は画像のURL)

jpeg(jpg)ファイルのMIMEタイプは image/jpg ではなくて image/jpeg にちゃんと設定しないといけない。jpeg だったり jpg だったりで紛らわしいなぁ。

rfc に書いてあったわー

• rfc2046

4.2.  Image Media Type

   A media type of "image" indicates that the body contains an image.
   The subtype names the specific image format.  These names are not
   case sensitive. An initial subtype is "jpeg" for the JPEG format
   using JFIF encoding [JPEG].