最近はPC用のウェブページとは別に、スマホの画面に合わせたページを用意するサイトも多くなってきた。Google Chromeの拡張「iPhone Emulator」は、ブラウザで表示中のページを、スマホで表示させたときにどう見えるのかをチェックできるツールだ。

Google Chrome用の拡張「iPhone Emulator」は、スマホ向けページのチェックツールだ。スマホ向けのページを用意しているサイトも多くなってきたが、スマホ版のページを見るにはスマホのブラウザからアクセスしなければならない。
iPhone Emulatorでは、Google Chromeで表示中のページをスマホで表示させたときにどう見えるか、別ウインドウからチェックできる。スマホ向けページをチェックしたい開発者や、お気に入りのサイトにスマホ版が用意されているか知りたい人に勧めたいツール。

■ Google Chromeでスマートフォン向け画面を表示

「iPhone Emulator」をGoogle Chromeにインストールしよう

iPhone Emulatorを起動する前に、Chromeの「設定」→「ツール」→「拡張機能」を開き、iPhone Emulatorの項目の「▼」をクリックして「シークレットモードでの実行を許可する」にチェックを入れておこう

スマートフォンからの見え方を調べたいサイトを開いた状態で、ツールバーのiPhone Emulatorのアイコンをクリックすると……？

新しいウインドウが開き、サイトをスマホのブラウザで開いたのと同じ画面が表示される