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

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

      2014/11/22

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とアドセンスバーの表示が少し異なっていましたが、
おおむね表示には問題がないことが確認できます。

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


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


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

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

AdMax Promotion

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

Rakuten Promotion

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

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

Comment

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

  関連記事

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

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

eye_dragon_quest
ドラゴンクエスト(初代)が100万ダウンロードまで無料!

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

eye_au
auのau IDログインをPCブラウザから行う2段階認証の方法

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

eye_diy
FUJITSU FJL21裏面保護シート自作

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

eye_webservice
無料ブログなどからサイトのURL・タイトル一覧を取得・出力

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

eye_au
iPhoneのauメール(ezweb.ne.jp)はスマートフォン以外からでも送信できる

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

eye_emulator
FireMobileSimulatorの機能拡張をGoogle™Chromeに導入

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

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

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

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

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

eye_au
Androidのauメール(ezweb.ne.jp)だって標準アプリ以外から送信できる

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