アラサー主婦のWEBデザイン奮闘記
投稿日：
スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。
そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。
では、その使い方について早速ご紹介していきたいと思います！
1.ページ内で右クリック → 検証
2.デバイスツールバーのアイコンをクリック（ショートカット：command + Shift + M）
するとスマホ画面の表示に切り替わりました！
4.「Responsive▼」をクリックして、確認したいスマホ端末を選択をします
検証を終えたい時は、右上の×マークをクリックすれば終了することができますよ。
以上、簡単にですがGoogle Chromeでスマホ表示を確認する方法をご紹介しました。
よく知られているツールだとは思いますが、まだ使ったことがないよという方はぜひこの機会に使ってみてくださいね。
執筆者：buchiko
関連記事
こんにちは、ぶちこです。 先日、CSSをゲーム感覚で楽しみながら学べる面白いサイトを見つけたのでご紹介したいと思います。 CSSバトルのご紹介 その名も「CSSBattle」という海外の …
適切なシャドウの色が分かる「Material Icon Shadow Color Picker」
オブジェクトを立体的に見せたいときに使うシャドウですが、新米デザイナーさんはつい黒ばかり使っていませんか？（私がまさにそうなんですが…。） シャドウというと黒をイメージしがちですが、実はオブジェクトの …
ポリゴン風の背景画像やイメージを生成してくれるジェネレーター
Webサイトや、バナーなどのバックグラウンドなどでよく使われているポリゴンスタイル。 素材サイトなどでも探すことはできますが、なかなかデザインに合うものが見つからない時もありますよね。 そこで今回は、 …
Pinterestやギャラリーサイトなどを見ていると、スライム？のような、柔らかい形状の模様を取り入れたサイトを多く見かけますよね。 そんなサイトを真似しようと、同じような素材を探したり、自分で作って …
作業がはかどる！オススメのGoogle Chrome拡張機能５選
こんにちは、ぶちこです。 いきなりですが、みなさんはGoogle Chromeの拡張機能、使いこなしていますか？ 私は今までScreen Captureくらいしか拡張機能は使っていなかったのですが、他 …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」