iPhoneのWeb開発

React

内部IPでアクセスできるようにする

$ HOST="0.0.0.0" react-scripts start

httpsを有効にする

$ HTTPS=true react-scripts start

Firebase Emulators

内部IPでアクセスできるようにする

firebase.json

{
  // ...
  "emulators": {
    // ...
    "hosting": {
      // ...
      "host": "0.0.0.0"
    }
  }
}

Safari

Safariインスペクター

iPhoneの設定

Settings > Safari > Advanced > Web Inspector
スイッチを有効にする

Macの設定

https://developer.apple.com/library/archive/documentation/NetworkingInternetWeb/Conceptual/Web_Inspector_Tutorial/EnableWebInspector/EnableWebInspector.html

使い方

iPhoneとMacをUSBで繋ぐ
iPhoneのSafariでWebページを開く
MacのSafariを開く、開発メニューからiPhoneを選択