l08084のブログ

技術記事の執筆は、祈りに近い

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

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

バージョン情報

  • macOS High Sierra: 10.13.4

  • Safari: 11.1

  • Xcode: 9.3

  • Simulator: 10.0

デバック手順

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

f:id:l08084:20180415142308p:plain

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

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

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

f:id:l08084:20180415142533p:plain

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

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