2015/06/24

Chromeでスマホ版の表示チェック

スマホでのサイトの表示のチェックにはFirefoxのプラグイン「FireMobileSimulator」を使ったり、Xcodeの付属アプリ「iOS Simulator」を使っていた。(FireMobileSimulatorにはfor Google Chromeもあったみたい…)

Google Chromeの「デベロッパーツール」のスマホエミュレーションがかなり便利なことを発見!
メニューの「表示」→「開発/管理」→「デベロッパーツール」を選び、虫眼鏡マークの隣のスマホマークをクリック


スマホマークをクリック


するとこんな感じに!

エミュレートするデバイスはAmazon kindle、iPad、iPhone、Google Nexus、Galaxy等から選べる。

0 件のコメント:

コメントを投稿