パソコンのブラウザーから携帯(スマホ)サイトを確認する方法

携帯(スマホ)サイトを作成したら実際にどのように表示されているのか確認していかなくてはなりません。

実機で確認するのが一番なのですが、すべての機種を持っているわけではないですし、もっと簡単に確認しながら作業をしてみたいという方も多いのではないでしょうか?

そこで今日はパソコンからサイトの携帯表示がどのようになっているのかを確認できるFirefoxのアドオンを紹介したいと思います。

スポンサードリンク

Firefoxでアドオンを入手する

私が使っているFirefoxのアドオンは「FireMobileSimulator」というものです。

入手するには左上のFirefox>アドオンをクリック
2012-08-08_13h09_00

「FireMobileSimulator」と入力しアドオンを検索
2012-08-08_13h25_35

カエルのマークが目印です。インストールをクリックします。
2012-08-08_13h26_42

FireMobileSimulatorの使い方

FireMobileSimulatorの使い方は簡単です。

まず、Firefoxのオプションで「メニューバー」を表示させます。
2012-08-08_13h29_41

メニューバーの「ツール」>「FireMobileSimulator」>端末を選択
2012-08-08_13h31_45

携帯端末リストが表示されますので、表示させたい端末をクリックして選びます。
後は携帯(スマホ)サイトをブラウザで確認してみます。
(パソコン表示のままの場合はリロードF5を押してみてください。)

例:SB iPhone 3G
2012-08-08_13h36_50

元のパソコン表示に戻したいときには「端末選択解除」をクリックします。

関連記事リスト

2012-06-20_1534

E-comのYoutube語学番組が視聴者数100万突破!スマホからのアクセス急増
英語、中国語など20カ国語のオンライン語学学習サービスを提供している株...

は、早すぎる!?日本のスマホ普及率と通販利用状況について
は、早すぎる!?日本のスマホ普及率と通販利用状況について。...

2012-08-07_10h28_23

WordPressで簡単作成!スマホ対応サイトの作り方
WordPressで簡単に作成できるスマホ(スマートフォン)対応サイト...

2012-06-26_1446

平和学習もデジタルで学べる!Google Earthとスマホでより身近に
▼沖縄県は67年前の戦争でおきた地上戦の様子(写真)や実際の体験談をG...

2012-07-09_09h38_32

Googleで文字表示が小さくなったときの対処方法。文字を大きくするには?
Googleで文字表示が小さくなったときの対処方法。Firefox、I...

最新動画マーケティング事情
最新のスマホ動画マーケティング事情について。...

2012-06-22_1008

自分オリジナルの単語帳を作れるスマホアプリ「i暗記」がすごい!
自分オリジナルの単語帳を作れるスマホアプリ「i暗記」がすごい!...

コメントを残す

このページの先頭へ