alt

以前iPhoneに対応しているサイトを調査してみましたが
これらのサイトがどんな作りになっているか、
リキッドデザインだったり、幅固定だったり、
HTML5だったり、Javascriptライブラリ使ってたり、
ソースが気になるときは見てみるのが一番です。
ということでPCブラウザでチェックしたいときどうするか？
よく忘れるのでメモ。



■Firefox>にアドオン「>User Agent Switcher」を入れて
UA（ユーザーエージェント）を変更する場合

User Agent Switcher
http://chrispederick.com/work/user-agent-switcher/
↓
「Download for Firefox/Flock/Seamonkey/Songbird」をクリックしてインストール。
↓
Firefoxを再起動。
↓
「ツール」→「Default User Agent」→「iPhone 3.0」でOK。
↓
試しにYahooとか楽天にアクセスしてみる。


■Safariの開発メニューからUA（ユーザーエージェント）を変更する場合

SafariはデフォルトでUA変更機能がついています。
まずメニューバーの「編集」→「設定」から詳細タブのなかの
「メニューバーに”開発”メニューを表示」にチェックを入れる。
↓
「開発」→「ユーザーエージェント」→「Mobile Safari 3.0 － iPhone」を選択。
↓
試しにYahooとか楽天にアクセスしてみる。

ちなみにSafariのUAリスト（XML）は以下にあります。
C:\Program Files\Safari\Safari.resources\UserAgents.plist

Safariなめてたけど標準で搭載されているWeb Inspectorが素晴らしい。
Firebugもいいけどこっちも使ってみる価値あり。


おまけに
iPhone対応サイトは「ミートアイ」左側中央の対応サイトカテゴリに
それぞれリンクがあるので調べるのに便利です。