頑張らない!でも諦めない!必死にならずにええかげん

iPhone®のサイト確認にはスマートフォンエミュレータ(AIR iPhone)が便利

      2014/11/22

wordpressなどブログやサイトを運営していて、
アクセスされた方の環境に応じてレスポンシブテンプレートを、
利用して表示を変えられていることは多いでしょう。
設定を変更した後の表示確認には、AIR iPhoneを使うととても便利です。

はじめに

皆さんはどのようにスマートフォンからの表示確認をしていますか?
私はというと、はい2台持ちしています。
iPhone4SとFujitsu FJL21を持って確認しています。
確認といっても完ぺきではないですが^^;

わざわざ2台持ちをすることなく、
もっと手軽に確認をする方法があったらいいなという気持ちになりますよね。

そんな時には、AIR iPhoneというアプリが利用できます。

尚、ガラケー(ガラパゴス携帯・フューチャーフォン)表示確認については、
以下の投稿でご紹介させて頂いております。
サイト確認にはガラパゴス携帯(フューチャーフォン)エミュレータが便利

概略

  • merhl.comのサイトにアクセスし、パッケージをダウンロード
  • インストールし起動
  • 表示されたiPhoneのロックをマウスでスライド(ドラッグ)して画面をタップ(クリック)
  • Safariをタップ(クリック)して起動

ダウンロード

AIR iPhoneのダウンロードは、検索でもすぐに出てきますが、
以下のURLからダウンロードが可能です。
AIR iPhone | merhl

ページ内のDownload をクリックすると、DesktopiPhone.airファイルの
ダウンロードが開始されますので保存して終了です。

01_merhl.comサイト

merhl.comサイト

インストール

ダウンロードが完了したら、DesktopiPhone.airを実行しインストールを開始します。
「このアプリケーションをコンピュータにインストールしますか?」と表示されたら、
[インストール]をクリックしてインストールを開始します。

02_airアプリインストール確認

airアプリインストール確認

インストールオプションが表示されますのでオプションを選択し[続行]をクリックします。

03_インストールオプションの確認

インストールオプションの確認

インストール中はプログレスバーが表示されます。

04_インストールプログレス

インストールプログレス

起動

インストールが完了するとiPhoneが画面に表示されます。

最初は画面がロックされた状態で起動します(左)
ロックの解除はスライダをマウスで右にドラッグしドラッグしたスライダが右になったら、
画面上をタップ(クリック)するとロックが解除されます。

ロックが解除されると、ホーム画面が表示されます(右)

05_アプリの起動とホーム画面

アプリの起動とホーム画面

ホーム画面でSafariアイコンなどをタップ(クリック)して表示し、
表示したいURLを入力すると、ブラウザでの表示を確認することができます。

06_Safari画面確認

Safari画面確認

このようにして、簡易的ではありますがiPhoneの画面をエミュレートして表示することができます。

プロモーション(btm)

Google or AdMax Promotion (cel)

さいごに

こうして表示が行えるエミュレータは非常に便利ですが、
個人的には以前ご紹介したMobilizerのほうが複数の端末で確認ができ便利かなとも思います。

サイト確認にはスマートフォンエミュレータ(Mobilizer)が便利

05_起動


*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

 - SmartPhone, ソフトウェア , , , ,

  関連記事

eye_emulator
サイト確認にはスマートフォンエミュレータ(Mobilizer)が便利

Google or AdMax Promotion(cel) 禁断の機能がau公 …

eye_eekagen
SWFをAVI・MPGに変換できるFree SWF Converterが残念な結果に。

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_wordpress
wordpressサイトにブックマークアイコン(Favicon/ファビコン)を追加する

Google or AdMax Promotion(cel) 禁断の機能がau公 …

eye_au
auのezwebメールをFUJITSUスマホのプライバシーモードで非表示にする方法

Google or AdMax Promotion(cel) 禁断の機能がau公 …

eye_au
auスマートフォンでauIDの2段階認証後に認証解除する方法

Google or AdMax Promotion(cel) 禁断の機能がau公 …

eye_au
au iPhoneでauIDの2段階認証後に認証解除する方法

Google or AdMax Promotion(cel) 禁断の機能がau公 …

eye_au
Androidのauメール(ezweb.ne.jp)の標準メールアプリの通知をオフに

Google or AdMax Promotion(cel) 禁断の機能がau公 …

eye_emulator
iPad®のサイト確認にはスマートフォンエミュレータ(AIR iPad)が便利

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_eekagen
サクラエディタ(Sakura Editor)のマクロ生成の方法と保存

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_sugarsync
ファイル共有(SugarSync)を利用したブックマークアイコンの公開

Google or AdMax Promotion(it) 禁断の機能がau公式 …