Macのパソコンで、自分のウェブサイトがスマホでどう見えるかを確認する方法

今回はMacのパソコンで、自分のブログなどのWebサイトがスマートフォンでどう見えるかを確認する方法をご紹介します。スマホを持っていないMacユーザーはご参考までに。

XcodeのiOSシミュレーターを使う

ずばり、XcodeのiOSシミュレーターを使うことによって、それが可能です。

Xcodeとは

XcodeとはAppleが無償で提供している、iOS、MacなどのApple製品向けのアプリを開発するためのツールです。Macユーザーであれば誰でも無償でインストールでき、使用することができます。

Xcode
カテゴリ: 開発ツール

通常のアプリと同様に、App Storeからインストールします。

iOSシミュレーターを起動

Xcodeを起動させ、
メニューバーの「Xcode」→「Open Developer Tool」→「Simulator」

xcode1

iOSシミュレーターでWebサイトを確認

iOSシミュレーター内のSafariを立ち上げ、上部のアドレスバーに確認したいWebページのURLを入力し、returnキーを押してアクセスします。

これでスマホでの見え方を確認できます。

xcodesimu2

シェアする

  • このエントリーをはてなブックマークに追加

フォローする