ウェブサイト制作中、実際のスマホ画面を確認したいときに役立つ方法

ウェブサイトを構築中に実際のスマホページを確認したいときによく使われる方法で、Google Chromeデベロッパーツールなどを使って 「PCブラウザのウィンドウサイズをスマホ画面サイズに縮小」したりすると思います。 簡易的にチェックするには上記の方法でもいいです。 例えば、CSS3メディアクエリで設定したブレイクポイントで切り替わる表示を確認など ただ、アクセス端末の判定を使って条件分岐させる方法で表示を切り替えしていた場合には、 実際のスマホ画面表示をPCブラウザでは確認することが出来ません。 WordPressの関数やJavaScript、PHPのアクセス端末判定の条件分岐による表示切り替え スマホブラウザの種類によっても表示は変わるので、PCブラウザで全てをチェックは難しい。 ある程度まで仕上がってから、実際のスマホで動作していなかったら、無駄な作業が増えます。 [...]