【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インスペクタが表示されます。

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

コメント

This website stores cookies on your computer. These cookies are used to provide a more personalized experience and to track your whereabouts around our website in compliance with the European General Data Protection Regulation. If you decide to to opt-out of any future tracking, a cookie will be setup in your browser to remember this choice for one year.

Accept or Deny

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