【Xcode】iOSシミュレータをブラウザでデバックする

iOSシミュレーターについても、iPhone、iPadなどの実機同様にSafariのWebインスペクタでデバックできるって知ってましたか？私は知りませんでしたが....

バージョン情報

• macOS High Sierra: 10.13.4

• Safari: 11.1

• Xcode: 9.3

• Simulator: 10.0

デバック手順

デバック手順についても、実機を使用する場合とそう変わりません。

1. シミュレーターを立ち上げて、デバックしたいアプリを起動する。

2. Safariを起動して、[開発] メニューを選択した後、シミュレーターとデバックしたいアプリを選択する

3. Webインスペクタが開かれて、デバックできる状態になる

シミュレーターが認識されない場合

どうも実機をブラウザでデバックする時よりも、端末（シミュレーター）が認識されないケースが多い気がする...もし、Safariの[開発]メニューに起動しているシミュレーターが認識されない場合は、Safariを再起動すると治る事があります。