テクノロジー・動画・写真・デザインとか

iPhone & iPad用のWebサイト・シミュレーター「Electric Mobile Simulator for Windows」

以前にiPhone&iPad用のWebサイトシミュレーターiBBDemo2を紹介したが、どうやら開発がストップしてたみたいだ。

しかし、色々と調べてみると「Electric Mobile Simulator for Windows」として受け継がれていた。

iBBDemo2と違って、Adobe Airをインストールする必要がなく、UA(UserAgent)がiPhone&iPad用に設定されており、試しに http://www.yahoo.co.jp と入力してみるとiPhone向けのページに飛んで表示してくれた。

また、iBBDemo2にない機能として以下の機能が追加されている。
・フルスクリーンプレゼンテーションモード
・スクリーンショット
・JavaScriptエラー検知

各企業が徐々にスマートフォン対応を進めているのだが、制作でiPhoneの実機で確認する前にこのシミュレーターを使用すれば、サイトの出来栄えをある程度確認することができるので、開発やコーディングもよりスムーズに進むだろう。

デモがこちらの映像で紹介されている。

続きを読む


基本操作

ブラウザの上部の方にカーソルをもっていくとアドレスバーが表示される。

★CTRL + SHIFT + S
スクリーンショット

★CTRL 1
iPadシミュレーターへの切り替え 

★CTRL 2
iPhoneシミュレーターへの切り替え 

★CTRL RIGHT / LEFTキー
縦と横の向きの切り替え

★CTRL +
ズームイン

★CTRL –
ズームアウト

★CTRL + SHIFT + F
フルスクリーン

★CTRL + E
JavaScriptの切替

ダウンロードはこちらから。
iPhone&iPad用のWebサイト・シミュレーター「Electric Mobile Simulator for Windows」
http://www.electricplum.com/simulator.aspx

レスポンシブWebデザイン用Chromeエクステンション

シミュレーターと似たような機能として、レスポンシブWebデザイン制作時に役だだつエクステンションは、こちらがお薦め。
レスポンシブWebデザイン制作に便利なChromeのエクステンションまとめ