【Xcode】WebViewで表示しているWebページをデバッグする方法

Safari

iOSアプリ開発においてWebViewを使用してWebページを表示することはよくあると思います。

表示したWebページに問題があるときに問題があるとき、MacのSafariならWebインスペクタを使って調査できますが、WebViewで表示しているときはどうしたらいいのか、それについて調べてみたのでまとめました。

環境

  • macOS Monterey(僕の環境はMontereyなのですが、もっと古くても大丈夫です)
  • iOS(かなり古くても大丈夫)

手順

まずはMacとiPhone(またはiPad)を接続します。

次にiPhoneの設定アプリから「Webインスペクタ」を有効化します

そうしたらWebViewをiPhoneで表示しておきます。

次にMacのSafariを起動し、「開発」を表示します。

そうしたら「開発」のなかにiPhoneで表示しているURLが出てくるのでそれをクリックするとMacのSafariと同様にWebインスペクタが表示されます。

今回は以上です。それでは!

コメント

タイトルとURLをコピーしました