LoginSignup
20
18

More than 5 years have passed since last update.

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

Posted at

備忘録

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/

20
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
20
18