最近、Google Chrome のデベロッパー ツールにスマートフォンでの表示を確認する機能があることを知りました。 いままでは、レスポンシブデザイン Web デザインをするときに、ちまちまとブラウザーのサイズを変えたり、Web サービス (Responsive Design Testing とか Responsive Web Design Test Tool とか) を使っていたのですが、こちらの手順のほうがお手軽なので紹介します。 設定は超簡単!! Google Chrome のデベロッパー ツールを開いて、右下の歯車のアイコンをクリックします。 左側から [Overrides] を選んで、[User Agent] と [Device metrics] にチェックを入れます。 これだけです! Google Chrome 32 からは設定方法が変わっています。ちょっとややこしい。 右上
![Google Chrome で超手軽にスマホ向けデザインを確認する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/01ae50e275ff3fc893c92a56f6d34928fcbd1d20/height=288;version=1;width=512/http%3A%2F%2Ffarm9.staticflickr.com%2F8114%2F8672493580_228a11eae0_o.png)