43
38

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.

検証機なし!iOS EmulatorでMobile Safariを快適にデバッグ

Last updated at Posted at 2014-04-22

iOS EmulatorはAppだけではなく、Mobile Safariのデバッグにもすごく役に立ちます。Xcodeのコンポネントとしてインストールできますので、無料でダウンロードできます。

iOS Simulator

Xcodeのダウンロード: https://itunes.apple.com/jp/app/xcode/id497799835?l=en&mt=12

インストールの手順は以下になります。

  1. まずはXcodeをインストールする必要があります。もしまだいれていなかったら、Mac App Storeからダウンロードできます。
  2. iOS Simulatorを立ち上げるには、まずXcode.appを実行します。XcodeメニューのOpen Developer Toolsの下層にiOS Simulatorがあります.
  3. 立ち上げたら、下図のようなウィンドウが現れます。これがiOS Simulatorになります。
  4. Xcodeをインストールした時に、最新版のiOS Emulatorは付いているはずです。もし過去のバージョン(例えばiOS 6.0)のエミュレータが必要でしたら、XcodeのPreferenceにあるDownloadタブでダウンロードできます。

iOS Simulatorをローカル環境と接続する

iOS SimulatorはホストのOSと同じネット環境になりますので、OSがローカル環境やCharlesに繋がっている限り、何もしなくても繋がります。

ただしCharlesを介してSSLを使ったサイトをデバッグする場合、iOS Simulatorから時々セキュリティに関するアラートが出ます。それを解消するには、CharlesのこのFAQを参考してください。
SSL connections from within iPhone applications

iPhone検証機からCharlesに繋ぎたい場合は、事前にkomachi_a/gに入れば、Genymotionと同じやり方で連携することができます。

iOS SimulatorでMobile Safariのデバッグ

Safari Dev ToolはSafariで開いているページだけではなく、iOS Simulatorにあるページもデバッグできます。

  1. まずMobile Safariでデバッグしたいサイトを開きます。そしてSafariを開いて、トップメニューのDevelopメニューにあるiOS Simulatorの項目を選びます。
    Step 1
  2. 選んだら、下図のようなDev Toolのウィンドウが開き、中からMobile Safariにあるページをデバッグできます。
    Step 2
43
38
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
43
38

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?