ウェブ制作がメチャ捗るGoogle Chromeの「超優秀スマホプレビュー機能」を君は知っているか？ – 和洋風KAI

スマホファーストという声が大きくなって幾星霜。 スマホレイアウトありきでウェブ制作されることも多くなったと思います。 みなさんどうやってスマホレイアウトを作ってますか？ もしかして実機でわざわざ確認したりしてませんか？ 実は、Google Chromeは大変優秀なプレビュー機能を備えていたのです。デフォで。しかも無料。 Google Chromeの超優秀スマホプレビュー機能が凄い！ さっそく、Google Chromeの超優秀スマホプレビュー機能を使ってみましょう。 ①スマホレイアウトを確認したいページにいって、右クリックし、「要素の検証」をクリックしましょう。↓↓ ②左上にあるスマホアイコンをタップします。↓↓ ③すると、Google Chromeがスマホプレビュー機能モードになります！↓↓ ④Deviceをクリックすれば、Androidだけじゃなく、iPhoneの液晶サイズにも変更でき

[moerrari]

スマホでの表示確認はchromeデベロッパーツールで確認できる

[cyar]

大体の目安的にはOK。実機で見るともちろんズレるので最終調整には実機必須。

[nakaji999]

知らんかった…

[masao_hg]

資料

[paku7651]

スマホでどう見えるかのテスト機能が搭載されているらしい。おまけに回線速度もシミュレートとか。

[karatte]

こんなのあったんだ

[TAKAPPRS]

やばい。知らなかった。