20
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?