iPhoneのsafari browserをMac上でDebug方法
Frontの開発をして様々なデザインチェックをする際に、自分が作ったサイトのデザインをスマホでデバッグしたいときに使えたらと思う。
今回はiPhoneのsafari browserで動いているサイトをMacBook上でデバッグする方法を紹介します。
iPhoneとMacBookをCableで繋ぐ
接続ケーブルは使う端末によって違うが、自分の場合は iPhone 12 Promaxと MacBook Air を繋いで検証するので、TpyeCケーブルで繋げます
iPhoneのSetting
iPhoneのSetting>Safari>Advanced(詳細)> Web Inspector
をONにする
MacのSetting
端末MacBookのSafariのDevelopにてお使いの
・MacのSafari>Develop(開発)にて 繋げている iphoneデバイスを選択し>デバッグしたいページを選択