スマフォ用サイトの確認方法(iPhoneとかAndroid)

最近たまにスマフォ案件があったりして、実機で確認をしてたりする。
けど実機だとDOMインスペクタが見れないとか、
JSでどこが引っかかっているとかがわからなかったりで不便。
だけどブラウザによっては便利な機能があったのでそれを紹介。

Safariを使った確認方法

1. Safariを開く
2. Altを押して、編集→詳細を開く
3. 「メニューバーに"開発"メニューを表示」というチェックボックスをオンにする
4. Altを押して開発→ユーザーエージェントを選択

---

Chromeを使った確認方法

1. Ctrl+Shift+J、もしくは右クリックを押して要素の検証
2. デベロッパーツール右下の設定ボタンをクリック
3. Settingsというものが出てくるので、Network→Override User Agentをチェック
4. 好きなものを選択して、表示しているページをリロード

---

chrome派の人はchromeでやればいいし、safari派の人はsafariでやればいいと思う。
個人的にはchromeのデベロッパーツールはかなり便利なのですごくうれしい。
それにchromeは常にバージョンアップしてるから、
確認に必要なユーザエージェントは入れてくれると思うし。