パソコンでスマートフォンサイトを見る方法

このサイト、スマートフォンでみるとどうなっているんだろう？

制作中のスマートフォンサイトの確認を手軽にパソコンでできないかな？

そんな時は、Google Chromeが便利！

やり方は簡単！

１．Chromeを普通に起動する

２．[ Ctrl ] + [ Shift ] + [ I ] で、デベロッパーツールを開く

３．右下の歯車マークをクリック

４．Overrides タブを開く

５．User Agent を選択する
 　　　iPhone - iOS 5 とか。。

６．Device metrics で画面サイズセット
　　　Screen resolution 320×480 とか。。

これで完了。

好きなURLを入れるなり、検索するなりしてみよう。