スマホサイトをデバッグ！USBで繋いで

 レスポンシブだとしても、PCでブラウザ縮めた時と実機のスマホで挙動が違うことはよくあります。

そんな時！

chromeでいう右クリックの「要素の検証」をスマホ実機でできるワザ(mac)！

※windowsの方は、この記事の下の詳しくはのリンク先で説明してくれています。

1. USEケーブルでPCとスマホを繋ぐ
2. スマホでデバッグしたいwebページを開く
3. PCのクロームでURLの欄に、chrome://inspect/#devicesと打ち込む
4. inspectというリンクをクリックする

するとPC上で開発者ツールが開いて、スマホをデバッグできます。

詳しくは

http://flabo.io/code/20141205/01-chrome.usbdebug/