Chromeで簡単にWebサイトのスマートフォン表示を確認する方法 | ryodesignblogこのブログはスマートフォン表示に対応しています。いろいろと面倒でしたが、開発を簡単にしてくれたのがGoogle Chromeでした。今日はChromeを使用して簡単にWebサイトのスマートフォン表示を確認する方法をご紹介します。 開発者ツールを起動 まずはChromeの開発者ツールを起動します。WindowsならF12、MacならCommand+Option+Iで起動できます。 開発者ツールのオプションを起動 オプションを起動します。右下の歯車ツールです。 ユーザーエージェントと画面解像度を変更 まず、「Override User Agent」にチェックを入れます。色々とUAを選択することができるので、iPhoneやiPad、Androidなどを選択します。 この状態でページをリロードすれば、サイトのスマートフォン表示を確認することが出来るはずですが、UAではなく画面解像度で表示を変更して
