■MacでiPhone iPadなどのシミュレータでブラウザログを見る方法

目的：MacでiPhone iPadなどのアプリを開発して、
簡単なシミュレータ機能を利用して、iPhone/iPad操作動きのログを見たい場合の手順となります。

前提条件＆その他

xcodeのインストール
https://developer.apple.com/jp/xcode/

Safariバージョン
10.1.2 (12603.3.8)

Xcode Simulator Version
10.0

手順

Xcode >Open Development Tool > Simulator

下記の画面が出ています。そして、シミュレータでのsafariを起動します。

シミュレータでローカル/web中のアプリページを開く。
例：localhost:6003

同時に、Mac側のSafariを起動することが必要です。
Safari > 環境設定

詳細　> 「メニューバーに"開発"メニューを表示」をチェックします！！

そうすると、「開発」がメニューバーに表示されます。

開発　> simulator > simulatorで開いたページ(例：localhost:6003-admin)

localhost:6003-admin　を押すと、development tool が起動されます。
普通のdevelopment tool のように、iPhone/iPadのconsole.log()が見えるようにできました！！

デバイスの切り替え

※要注意

xcodeが再起動しないと、更新/編集したコードはxcode simulatorに反映できなさそうです。。。。。これはちょっと面倒なところです。。。。。もっといい方法がご存知でしたら、教えてください。。。。！