PCでスマートフォンサイトをブラウザチェックする

　レスポンシブなWebサイトを作る場合、スマートフォンやタブレットでも正しく表示できるかテストします。
テスト環境を作るだけでも大変な作業量です。
しかし、安心してリリースするために必ずチェックしましょう。

ブラウザチェック

　実機に近い状態でチェックできるブラウザがあります。
ただし、PCブラウザでのチェックは簡単な表示テストのためであり、まったく同じ表示ではありません。
※当然ながらタッチ操作はできません。
safari for windows
Chrome

safari

①右上の歯車のマークをクリックして、「設定」を選びます。

②「詳細」をクリックして、「メニューバーに”開発”メニューを表示」にチェックします。

③右上のプリントマークをクリックして、「開発」→「ユーザーエージェント」を選択し、ブラウザのバージョンを選択します。

Chrome

①「その他ツール」→「デベロッパーツール」を開きます。

②スマートフォンのマークをクリックします。

③Consoleウィンドウ（下のウィンドウ）にある「Emulation」タブをクリックします。
すると、「Model:」ドロップダウンがりますのでスマートフォンのバージョンを選択します。

これらはiphoneやAndroidに搭載されているブラウザで、PC版と同じWebkitエンジンを利用しています。