PCでスマホの表示確認ができるChromeの拡張機能「smartphone simulator」

PCのブラウザで、スマホ用のWebサイトを確認したいときってありませんか?

PCブラウザでスマートフォン用のWebページを確認できる機能を紹介します。

Chromeの拡張機能「smartphone simulator」のインストール

「smartphone simulator」は、WebサイトのPC表示→スマートフォン表示をボタンひとつで切り替えることができる拡張機能です。

1. Chromeウェブストアの「smartphone simulator」のページへアクセスし、[+ CHROME に追加]をクリック

SS_キャプチャ_1

2. ポップアップが表示されるので、[拡張機能を追加]をクリック

SS_キャプチャ_2

Chrome右上に[smartphone simulator]のボタンが追加されます。これで設定完了です。

SS_キャプチャ_3

Chromeの拡張機能「smartphone simulator」の使い方

1. まず、見たいWebサイトを表示する

SS_キャプチャ_4

2. Chrome右上の[smartphone simulator]のボタンをクリック

SS_キャプチャ_5

ボタン表示が「on」になれば、スマートフォン表示に切り替わります。

まとめ

この拡張機能を使えば、PCブラウザで手軽にスマホサイト表示に切り替えられます。

サイト編集などをされている方などは、ボタンの大きさなどのレイアウトなどユーザビリティを確認する上でもとても役に立つと思います。業務効率は確実に上がりますので、使ってみてはいかがでしょうか?





イベント