2012年3月15日木曜日

Chromeで表示したページをスマホでも表示できる Adobeの Shadow

Shadowを使うと、Chromeで表示したURLをリアルタイムでiPhone/Andoridでも表示できる。

セットアップについては下記が分かりやすい。

スマホサイト制作を支援する Adobe Shadow の Labs リリース 1 公開 - akihiro kamijo
Shadow はデバイスを見つけるために Bonjour を利用します。そのため、Windows 環境では Bonjour の設定も行います。インストーラは Shadow のディレクトリ内にあります。

Win32: \Program Files\Adobe Shadow\BonjourPSSetup.exe
Win64: \Program Files (x86)\Adobe Shadow\BonjourPSSetup.exe

Bonjour をインストールしたら、Shadow を再起動するのが良い様です。

ようするに、
  1. PCにShadowをインストール
  2. Bonjourもインストール
  3. Shadowを実行
  4. ChromeにChrome拡張のShadowをインストール
  5. スマホにShadowアプリをインストール
  6. Shadowアプリを起動(自動でPCのShadowを見つけるようだ)
  7. Shadowアプリに表示された数字を、ChromeのShadow拡張に入力

(Windows 7の場合)


送るのはあくまでURLなので、動的なページの場合は違うものが表示されることがあるので注意。

特にスマホからのアクセスを別ページにリダイレクトしている場合は、スマホの方だけリダイレクトされてしまう。

0 件のコメント:

ブログ アーカイブ

カテゴリー