iPhone の実機やシミュレータの Safari を Mac の Safari のインスペクタでデバッグする

デスクトップのブラウザのインスペクタやデベロッパーツールも便利ですが、最後に困ったらやっぱり iOS シミュレータや iPhone、iPad の Safari で何がどうなっているのかを見たいものですよね。

  1. Mac の Safari の環境設定の詳細タブで、「メニューバーに”開発”メニューを表示」にチェックが入っていることを確認
  2. 現れた開発メニューから iOS Simulator か、USB で接続している iOS 端末を選ぶ
  3. iOS 実機の方では、設定 > Safari > 詳細 と進んで “Webインスペクタ” をオンにしておく

以上です。3番を教えていただいた @tak_nishida さん、ありがとうございました。

シミュレータとUSBで接続している iOS 端末が並ぶ
シミュレータとUSBで接続している iOS 端末が並ぶ
iOS シミュレータの中の Safari を Mac の Safari でWebインスペクトしているところ。便利
iOS シミュレータの中の Safari を Mac の Safari でWebインスペクトしているところ。便利

上の画像のノリで、実機もいけまする。

↓ プラグインを作る方々への本、書きました。 ↓

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です