PC画面上でのスマホサイト表示方法

PC画面上にてスマホサイトを表示させる方法を２つ紹介。

方法１ ： iBBDemo3 - Cross Platform iPhone and iPad Web Browser Simulator デスクトップ上にスマホ画面を表示させてチェックする方法

方法２ ： User Agent Switcher (for Firefox) FireFoxのブラウザ上でスマホサイトを表示させる方法

PCの画面上でのスマホサイト表示方法

方法１ ： iBBDemo3 - Cross Platform iPhone and iPad Web Browser Simulator デスクトップ上にスマホ画面を表示させてチェックする方法

①下記URLから 「Adobe Air」 をインストール （必須） URL ： http://get.adobe.com/jp/air/

② 「Adobe Air」 をインストール後、下記URLにアクセス。「Downloads」から進む。 URL ： http://code.google.com/p/ibbdemo3/

PCの画面上でのスマホサイト表示方法

③「iBBDemo3-20111007.air」を選択、インストール

④インストールした 「iBBDemo3」 を選択、起動 （「Adobe Air」 がデフォルト）

PCの画面上でのスマホサイト表示方法

⑤使い方 カーソルを上部に持っていくとURLの入力ができるので、そちらからURLを入力の上チェック。

PCの画面上でのスマホサイト表示方法

方法２ ： User Agent Switcher (for Firefox) FireFoxのブラウザ上でスマホサイトを表示させる方法

①Firefoxブラウザ上で、下記URLから 「User Agent Switcher」 をForefoxに追加 URL ： https://addons.mozilla.org/ja/firefox/addon/user-agent-switcher/

PCの画面上でのスマホサイト表示方法

②インストール後にFirefoxを再起動

③再起動後「User Agent Switcher」 を設定

PCの画面上でのスマホサイト表示方法

④使い方 ツール → User Agent → iPhone の順で選択していき、画面を更新するとスマホ画面が表示される

画面のサイズを調整してスマホの縦横の長さに合わせて スクロールすることでチェック可能。

PCの画面上でのスマホサイト表示方法 ★使い方の例 Ⅰ，広告原稿取得から「スマートフォン対応」のプロモーションを選んで広告一覧を選択、「飛び先確認用URL」をコピー

Ⅱ，iBBDemo3/ User Agent SwitcherにURLをペーストし、スマホ版リンク先の確認が可能。

▲iBBDemo3

User Agent Switcher▶