Mac Safari上でiOS SafariのWebインスペクタを表示

  • 17
    いいね
  • 0
    コメント
この記事は最終更新日から1年以上が経過しています。

備忘録

Mac Safari上でiOS SafariのWebインスペクタを表示する方法

「Xcode」がインストールされていれば、端末の代わりに「iOSシミュレータ」を使う事も可能です。

準備

Macの設定

「Safari」→「Safari」メニュー→「環境設定」
下部にある「メニューバーに”開発”メニューを表示」をチェックします。

端末の設定(iOS6以上)

「設定」→「Safari」→「詳細」
「Webインスペクタ」をオンにします。

使用手順(端末の場合)

1.

端末とMacをUSBケーブルで接続します。

2.

確認したいサイトを端末のSafariで表示します。

3.

「Safari」起動→「開発」→「端末の名前」
端末で開いているサイトのリストから任意のサイトをクリックします。

使用手順(Xcodeの場合)

1.

確認したいサイトを「iOSシミュレータ」で表示します。

2.

「Safari」起動→「開発」→「iPhone Simulator」
「iPhone Simulator」で開いているサイトのリストから任意のサイトをクリックします。

参考URL
https://developer.apple.com/jp/safari/tools/