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

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

      2014/11/22

Google or AdMax Promotion(cel)

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

はじめに

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

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

そんな時には、Mobilizerというアプリが利用できます。
Adobe Airアプリなのでマルチプラットフォームで動作するはずです。
英語版であるということと、動作が少し重たいところは我慢です。

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

 

概略

  • Mobilizerのサイトにアクセスし、パッケージをダウンロード
  • インストールし起動
  • 確認したいURLを入力し表示を確認

ダウンロード

Mobilizerのダウンロードは、検索でもすぐに出てきますが、
以下のURLからダウンロードが可能です。
http://www.springbox.com/mobilizer/

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

01_mobilizerのサイト

mobilizerのサイト

インストールと実行

ダウンロードしたMobilizer.airを実行し、インストールします。
特にインストール過程で問題はないはずです。

アプリケーションのインストール

airアプリのインストールの実行確認をします。

02_アプリケーションのインストール

アプリケーションのインストール

インストール先の確認

インストール先やショートカットオプションを確認し[インストール]をクリックします。

03_インストール先の確認

インストール先の確認

インストール中

プログレスバーが表示され、インストールが完了すれば終了です。

04_インストール中

インストール中

リンクシェア アフィリエイト紹介プログラム

起動と確認

Mobilizerを起動すると、小さなウィンドウバーが表示され、
機種名(写真上でiPhone4)が表示されているリンク部分をクリックすると、
エミュレートしたい機種の一覧が表示されます。

機種を選択すると、エミュレートされたスマホのウィンドウが開きますので、
URLを入力して確認します。

05_起動

起動

いかがでしょうか。

普段から困ったらこの本で助けてもらっています。

[amazonjs asin=”4798034711″ locale=”JP” tmpl=”Small” title=”オープンソース ブログ&ウェブサイト構築ソフト WordPressガイドブック Ver.3.X対応”]

プロモーション(btm)

Google or AdMax Promotion (cel)

さいごに

私の場合には、実機のiPhone4Sとアドセンスバーの表示が少し異なっていましたが、
おおむね表示には問題がないことが確認できます。

こうしたツールと実機を使い分けながら、
表示の確認を行って、せっかく来てくれた人に不便がないかをチェックするといいと思います。


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


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

Rakuten Promotion

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

Comment

  1. アルゴリズンさん、有難う。メチャためになる記事です。

  関連記事