iOSシミュレータをWeb インスペクタ を使ってデバッグする

たまにすると忘れるのでメモ。

iOSシミュレータのデバッグをMacのSafariからするイメージです。

手順

• Xcode を開く
• iOSシミュレータを開く
• iOSのSafariを開く
• OSX Safariを開く
• 開発メニューが表示されない場合
  • OSX Safariの 開発環境 > 詳細 > メニューバーに”開発”メニューを表示 にチェック
• OSX Safariの 開発 > iPhone Simulator > デバッグするページ を選択
• Web インスペクタが表示される

画像

以下に画像も貼っておきます。

Xcode を開く

iOSシミュレータを開く

iOSのSafariを開く

OSX Safariを開く

開発メニューが表示されない場合

OSX Safariの 開発環境 > 詳細 > メニューバーに"開発"メニューを表示 にチェック

OSX Safariの 開発 > iPhone Simulator > デバッグするページ を選択

Web インスペクタが表示される

Enjoy!

---

Written with StackEdit.