前にGoogle ChromeでiPhone版のデザインを確認する方法という記事を書きました。
しかし、それに匹敵するかもしれない(個人的にはChromeのほうがよかったですが)ものがありました。
その名も「webインスペクタ」です。
webインスペクタの導入方法
まず、macでSafariを起動し、「設定>詳細」にある「メニューバーに"開発"メニューを表示」にチェックを入れます。
次にiOS6のiPhone(もしくはiPad。説明のため以下はiPhoneで統一しますがiPadでもできます)の「設定>Safari」の「webインスペクタ」をONにします。
最後にケーブルでmacとiPhoneをつなぎます。
これで準備OKです。
やりかた
macとiPhoneをつなぐと、macのSafariのメニューバーの「開発」で自分のiPhoneの名前がでます。
そこの中の項目をクリックすると、webインスペクタが開かれます。
ぱっとみ普通です。
しかし、画面がiPhoneの方です。
うーん、なんか説明がいまいちですね。でもやると一発でわかります。
iPhone版のサイトのデザインをいじったりするのがとても楽になります。
わたしはケーブルをつかわないChromeの方が好きです。そんなにかわらないですし。
利点はケーブルでつなぎかえるだけでiPadとiPhoneのサイトが一瞬でかえれることですかね。
結局どちらもにたような感じです。みなさんはどちらがすきですか?
