MacやWindowsでiPhone、iPad、Androidの表示レイアウトを確認する方法ブログMacやWindowsでiPhone、iPad、Androidの表示レイアウトを確認する方法2014年11月17日0418WindowsやMacで手軽にスマホサイトのレイアウトを確認する方法をご紹介いたします。iPhoneやiPadのレイアウトの確認にはiOSの実機を使うか、MacにXcodeをインストールし、iOSシュミレーターで確認しなければなりませんでした。フリーの高性能ブラウザChromeならiOSだけでなくAndroidやKindleもレイアウトを表示確認することができます。Chromeを起動したら、右クリック→「要素を検証」を選択。虫眼鏡の右側のスマホのアイコンをクリック。画面左上に縮小されたブラウザが表示されます。この段階ではまだスマホのレイアウトが反映されません。スマホサイトに切り替わりました。レスポンシブデザインに対応していない場合は、ブラウザの枠だけ縮小された状態になります。Fire、Nexus7など検証できるデバイスはとても充実してます。スマホが違えばブラウザの横幅も異なります。どんなブラウザにも対応できるようにマルチブラウザ化させる必要がありますね。都内のWEBクローラー開発会社に勤務。