【カテゴリ：パソコン スマホ・シミュレータを使ってみた】
パソコン上でスマートフォンや携帯用ページの表示イメージを確認する方法について調べてみた結果、いくつか方法がある事が分かりましたので、その方法について書いておこうと思います。調べようと思ったきっかけは、このブログがスマートフォンや携帯の画面上でどのように表示されているのか知りたいと思ったからです。
この『Seesaa ブログ』では、デザインが『PC』用，『ケータイ』用，『スマートフォン』用と分かれており、それぞれの端末に応じて表示される画面のデザインも異なっています。
↑例．『Seesaa ブログ』のスマートフォン用デザイン一覧画面
さて、とりあえず今回はいくつかある方法のうち、現在の自分の環境に対して一番簡単に導入でき、かつ優れていると思った方法について書きます。
今回は『Firefox』用の『FireMobileSimulator』というアドオン（＝拡張機能）を使った方法です。
．．．
スポンサーリンク
『アドオンマネージャ』のタブ画面が表示されるので、右上の検索ボックスに『FireMobileSimulator』と入力して検索すれば、以下のように表示されます。
『インストール』ボタンをクリックしてインストールし、インストールが終了したら『今すぐ再起動する』をクリックして『Firefox』ブラウザを再起動します。
（PC自体を再起動するのではなく、ブラウザを再起動するだけです。）
ブラウザの再起動後、メニューの『ツール(T)』には『FireMobileSimulator(M)』という項目が追加されており、さらにサブメニューで機種が選択できるようになっているため、例として『SB iPhone 3G』を選択してみます。
このブログのアドレス（http://kingpcfx.seesaa.net/）を入力して表示させてみたところ、以下のように表示することができました。
↑TOPページ
↑記事のページ
．．．
ところで、この『FireMobileSimulator』アドオンで『素晴らしい』と思ったのは、シミュレートする『端末』を簡単に追加できることです。
以下のように、メニューの『ツール(T)』→『FireMobileSimulator(M)』→『最新端末リストから端末を追加(D)』を選択してみます。
すると、以下のような『FireMobileSimulator:端末追加』画面が表示されます。
自分は、最新のスマホの機種名を知らない為、試しに自分の持っている一般携帯電話の『au K009 (KYOCERA)』を検索してみました。
画面に『K009』が表示されました。
チェックを入れて『選択した端末を追加』をクリックしてみます。
上のように『登録完了』と表示されました。
メニューには、以下のように『AU K009』が追加されていました。
↓さっそく『AU K009』を選択してみました。
当ブログの携帯用のアドレス（＝ http://kingpcfx.seesaa.net/pages/user/m/ ）を入力すると、以下のように表示されました。
スマホではないため表示内容に少々寂しさを感じますが、これで一般の携帯電話用の表示イメージも確認することができました。
．．．
この後『AU』のサイトに表示されていた比較的新しい『Xperia(TM) acro HD IS12S』という機種を検索してみると、普通に検索結果に表示されたため、追加してみました。
しかしながらサイト側が対応していない為か分かりませんが、横にはみ出したりとか、うまく表示できないようでしたので再び『SB iPhone 3G』を選択し、いくつかのサイトを表示してみました。
↓Yahoo! JAPAN:
↓Google マップ:
↓YouTube:
↓[朝日・日刊スポーツ]iPhone向けの時事・スポーツ・芸能ニュースサイト:
参考までに、これらを『Windows 2000 Pro SP4』上の『Firefox 11.0』でも試してみたところ、正常に表示することができました。
さらに、『Ubuntu 11.10』上の『Firefox 11.0』でも同様に表示できました。
以下は、『Ubuntu 11.10』上で表示した際のサンプル画像です。（機種は『SB iPhone 3G』を選択）
おわり。
スポンサーリンク
フリー素材*ヒバナ * *
かくさん (08/25)
