みかづきブログ・カスタム

基本的にはちょちょいのほいです。

iOSシミュレータ(Version 11.5) + Safari でWebインスペクタをつかったデバッグがうまくいかない(macOS 10.15.5)📱

Safari Technology Preview



結論

Safari Technology Preview を使うことで解決しました!

Webインスペクタ


あらすじ

  • iOSシミュレータとMac版SafariのWebインスペクタでウェブサイトのデバッグを試みた
  • Developメニュー以下にSimulatorが見当たらない
  • 🤔❓
  • Safari Technology Preview をつかったら解決した



疑ったこと

❶ Mac側のSafariの設定

メニューバーに開発メニューを表示

メニューバーに"開発"メニューを表示にチェックが入っていないとWebインスペクタがつかえません。

が、今回は濡れ衣でした。


❷ iOSシミュレータ側のSafariの設定

Webインスペクタ

設定 > Safari > 詳細 > WebインスペクタがONになっていないとWebインスペクタがつかえません。

が、シミュレーターにはその設定そのものがありませんでした。



macOSやiOSのアップデート直後は、まれにこの現象が発生するので、Safari Technology Preview は消さずに残しておこうと思いました。