![](https://www.creative-web.co.jp/common/media/a11b4bb3ba448d1fa402ac3dc62cc91f-1.jpg)
皆様こんにちは。web制作チームのはまだです
年末年始はゆっくり過ごせましたか?
私はだらだらと寝正月で終わってしまいましたが、気をとり直して新年一発目のweb豆知識をご紹介です。
最近どんどん増えているスマートフォンからのアクセス。
PCとは映り方がだいぶ違うのでチェックが大変…
そんな時はGoogle Chromeの開発者ツール「Chrome Developer Tools」の機能を使いましょう!
F12キー(MacはCommand+Option+I)を押すと使える、web制作ではおなじみの超便利ツールですが、スマートフォンなどの表示を確認するための、デバイスモードを切り替える機能もあるのです。
![ブログキャプチャ1 スマホマークをクリックすると](https://www.creative-web.co.jp/common/media/2015/01/2e233dcac2d689605300d8ace11f4dc4-1024x819.jpg)
![ブログキャプチャ2 画面がスマホサイズに!](https://www.creative-web.co.jp/common/media/2015/01/a5e283c8d68226fc550864f45ed72d5c-1024x819.jpg)
上部のメニューからiPhoneなど機種を選べます。スマホだけでなくタブレットも可。
画面の確認をしながらソースの変更を試せるので非常に便利です。
また、画面サイズが変わるだけではなく、ユーザーエージェントもしっかり切り替えてくれるのが嬉しいところ。
当然、実機と全く同じでは無いので、最後はきちんと確認しないといけませんが…
以上、今年の豆知識第一弾でした。
今年もクリエイティブ・ウェブをよろしくお願いいたします。