TOPICSトピックス

スマホの普及でデスクトップよりもスマホユーザーの流入が全体の８割以上というHPも多くなっています。更新があった時はもちろん、定期的にユーザーの視点に立ってスマホでHPをチェックする事は必須といえます。 しかし、ウェブ担当の方が仕事中メインで見る自社サイトはPCではないでしょうか。スマホの機種によってもホームページの見え方は変わりますが、新機種が発売されるスピードも速いためテスト機種を用意するのも大変です。 そこで本日はグーグルクロームのツールで、様々な機種のスマホでの見え方をチェックできる機能の使い方をご紹介します。

グーグルクローム　エミュレータ機能の使用方法

１.グーグルクロームで、ホームページを開きます。

今回は弊社のHPを例にします。クロームの右上のメニューをクリック 「その他のツール」→「デベロッパーツール」をクリック。

２.デベロッパツールが表示されます。

上部のスマホのアイコンをクリック。

スマートフォンの見え方がチェックできます

スマホ画面が表示されました。 確認したいスマートフォンやタブレットの機種名を選ぶと その機種ごとにどのように表示されているかが分かります。

まとめ

このようにチェックすることによって、持っていない機種の見え方も確認することが出来、サイトの改善点なども見つかるかもしれません。 様々な会社から有料のエミュレータも出ていますが、普段のチェックではこのクロームの機能で十分使えるかと思います。ぜひ試してみてくださいね！