アラサー主婦のWEBデザイン奮闘記
投稿日：
スマホでの表示を確認したい時、わざわざスマホを出して検索して…とやっていると結構面倒ですよね。
そんな時は、Google Chromeを使うとパソコンで簡単にスマホの表示を確認することができるんです。
では、その使い方について早速ご紹介していきたいと思います！
1.ページ内で右クリック → 検証
2.デバイスツールバーのアイコンをクリック（ショートカット：command + Shift + M）
するとスマホ画面の表示に切り替わりました！
4.「Responsive▼」をクリックして、確認したいスマホ端末を選択をします
検証を終えたい時は、右上の×マークをクリックすれば終了することができますよ。
以上、簡単にですがGoogle Chromeでスマホ表示を確認する方法をご紹介しました。
よく知られているツールだとは思いますが、まだ使ったことがないよという方はぜひこの機会に使ってみてくださいね。
執筆者：buchiko
関連記事
Web制作会社の残業事情。Webデザイナーになった私がお答えします！
web制作会社というと遅くまで仕事をしている、残業が多いといったイメージが強いですね。 転職するとき、実際残業がどのくらいあるのか気になるところ。 そこで今日は、実際私が働いていて残業があ …
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
今回は、レトロ・ヴィンテージ風なベクター素材がたくさん揃ったサイト、「Retro Vectors」をご紹介します！ 配布している素材もそうですが、サイト自体がとてもお洒落なのでぜひ見ていただきたいです …
頻繁に開くアプリが決まっている場合、Macの起動と同時に開くように設定にしておくと便利です。 些細なことかもしれませんが、特にいつも決まったアプリを複数開いている方にとっては、手間が省けるようになるの …
私は１つのサイトで複数案デザインを考えるときなどに、アードボードを複数使うのですが、その際見比べやすいようにアートボード同士の間隔を広げたいなあなんて思うことがあります。 そんな時は、アートボードツー …
Macユーザー必見！過去のコピー履歴を管理できる「Clipy」のご紹介
パソコンで作業していると、よくURLやテキストをコピーすると思います。 当たり前ですが、ペーストしないうちに新しいものをコピーすると、最初にコピーしたものが分からなくなってしまいますよね。 そんな時、 …
2019/10/18
【Illustrator】配置した背景透明のPSD画像に黒いラインが出てしまう時の対処法
2019/08/27
2019/08/23
2019/08/19
レトロ・ヴィンテージ風なベクター素材が揃った「Retro Vectors」
2019/08/07
ウェブサイトの配色を解析してくれる「Web Colour Data」