2013年11月1日金曜日

iOSシミュレータをWeb インスペクタ を使ってデバッグする

iOSシミュレータをWeb インスペクタ を使ってデバッグする

たまにすると忘れるのでメモ。

iOSシミュレータのデバッグをMacのSafariからするイメージです。

手順

  • Xcode を開く
  • iOSシミュレータを開く
  • iOSのSafariを開く
  • OSX Safariを開く
  • 開発メニューが表示されない場合
    • OSX Safariの 開発環境 > 詳細 > メニューバーに”開発”メニューを表示 にチェック
  • OSX Safariの 開発 > iPhone Simulator > デバッグするページ を選択
  • Web インスペクタが表示される

画像

以下に画像も貼っておきます。

Xcode を開く

iOSシミュレータを開く

iOSシミュレータを開く

iOSのSafariを開く

iOSのSafariを開く

OSX Safariを開く

開発メニューが表示されない場合

OSX Safariの 開発環境 > 詳細 > メニューバーに"開発"メニューを表示 にチェック チェック

OSX Safariの 開発 > iPhone Simulator > デバッグするページ を選択

選択

Web インスペクタが表示される

表示される

Enjoy!


Written with StackEdit.

  • この記事をシェアする

  • このエントリーをはてなブックマークに追加
  • このブログの更新をチェックする

  • follow us in feedly