スマートフォンやタブレットでWebを閲覧したときの画面表示をパソコンで再現してくれる拡張機能もある。ここでは、その一例として「モバイルシミュレーター - レスポンシブテストツール」と「U-Eyes: Mobile Device Simulator」の機能や使い方を比較・検証していこう。

「モバイルシミュレーター」の追加手順

最近のWebサイトは、「PC用」と「モバイル用」の2種類のレイアウトが用意されているケースが多い。もちろん、パソコンのブラウザで見たときは「PC用」のレイアウトでWebが表示される。このWeb表示を「モバイル用」に変更してくれる拡張機能もある。

ここでは、その一例として、「モバイルシミュレーター - レスポンシブテストツール」と「U-Eyes: Mobile Device Simulator」を比較・検証していこう。

  • 「モバイルシミュレーター」vs「U-Eyes」

まずは、この分野のメジャーな拡張機能として知られている「モバイルシミュレーター - レスポンシブテストツール」の使い方から紹介していこう。

この記事は
Members+会員の方のみ御覧いただけます

ログイン／無料会員登録

会員サービスの詳細はこちら