つい最近まで知りませんでしたが、バージョン33以降のChromeのデベロッパーツールにモバイル向けのデバッグ機能として搭載された「エミュレーション機能」と「リモートデバッギング機能」が便利だったので紹介したいと思います。 エミュレーション機能 デベロッパーツールの起動 デバッグしたいページを開いた状態で、Ctrl+Shift+i(Macの場合はCommand+Option+i)を押して、デベロッパーツールを開きます。 エミュレータの起動 デベロッパーツールの右上のコンソールアイコンを押してコンソール開き、「Emulation」タブを選択します。 「Device」をクリックしてデバイス一覧からデバイスを選択して「Emulate」ボタンを押してエミュレータを起動します。 スクリーン設定 デバイス一覧に対象のデバイスがなければ、スクリーン設定タブで解像度、ピクセル密度を個別に設定することも可能で
![Chromeデベロッパーツールのモバイル向けデバッグ機能について | infoScoop開発者ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/67bcb6d0dec42bb43c350f69bd38e02fdd556624/height=288;version=1;width=512/http%3A%2F%2Fwww.infoscoop.org%2Fblogjp%2Fwp-content%2Fuploads%2F2014%2F06%2Fshow-devtools-1.png)