覚えておくとたまに便利!Chromeで他ブラウザ・スマホ表示を確認する方法

chrome

ChromeでIEなどの他ブラウザやスマホ表示を確認する方法を知ったのでご紹介。

サイトリリースやデザイン変更などで簡単でいいからチェックしておきたい、
と思うことは結構あるはず。
(でも、わざわざブラウザ開くの手間だし、スマホが手元にないと面倒、、)

「Ctrl+Shift+I」で開発者ツールを開く

まず、開発者ツールを使います。
コーディングなどをしない一般の人でもこのツールは便利です。

画像のサイズをチェックしたり、CSSのソースをみて参考にしてみたり、
コーディングをしない人でも十分に役に立つはず。

この開発者ツールのなかの設定を変えることで、
他ブラウザやスマホ表示を確認することができます。

右下セッティングのUser Agentを設定する

あとは簡単。
Windowsだと右下のネジのアイコンから設定画面を開いて、
そのなかに「User Agent」とあるので、
この箇所を変更してあげれば大丈夫です。

分かりにくい場所にあり、頻繁に使うような機能でもないかもしませんが、
ぜひぜひChromeで他ブラウザの確認をしたいときには活用してみてください!

ご意見・ご感想などあればFacebookページでぜひ!