31
31

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.

iPhoneのWEBアプリをMacのWebインスペクタでデバッグ

Last updated at Posted at 2013-03-27

iPhoneのSafariで動くWEBアプリを簡単にデバッグしたいなら、Webインスペクタを使おうよって話です。

前準備
akira_simpsonさんによるとこの機能はSafari6以上からだそうです。というわけでSafariのVer6以上を用意する(フォロー感謝!)。
MacとiPhoneをコードで接続しておく。

iPhone側
設定>Safari>詳細>Webインスペクタ
をONにする。
Safariのデバッグしたいアプリを立ち上げる。

Mac側
Safariを立ち上げる
環境設定>詳細>メニューバーに”開発”メニューを表示
をONにする。
開発メニューを見ると自分のデバイス名が表示されているはず。
そこからデバッグしたいアプリ情報を選択。

あとはWebインスペクタが立ち上がるので、まるでPC上のSafariをデバッグするかのような雰囲気でデバッグできる。

ブレークポイントも置ける。
Elementも選択して内容を見られる。
コンソールも出る。

費用対効果高いと思うのでお試しあれ。2年程前に一生懸命電話側のconsoleに出していたのが嘘のよう。

31
31
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
31
31

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?