Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
37
Help us understand the problem. What is going on with this article?
@y_koh

React Nativeのデバッグ方法

More than 5 years have passed since last update.

ドキュメントを探しても見つからず、ググったらStack OverFlowにありました。
http://stackoverflow.com/questions/29289304/how-do-you-debug-react-native

Cmd+D from within the Simulator. It'll popup Chrome and from there you can use the Developer Tools.

こんなのどこに書いてあるんでしょうね。

ということでシミュレーター上でCmd+Dを叩いてみます。
スクリーンショット 2015-03-28 1.32.43.png

すると、chromeでこんな画面が立ち上がります。
スクリーンショット 2015-03-28 1.28.52.png

メッセージの通りChromeのDeveloper Toolsを起動します。
index.ios.jsというファイルを開くとソースの中身が見れます。
スクリーンショット 2015-03-28 1.30.13.png

任意の場所にブレークポイントを置いてアプリをCmd+Rでリロードしてみると、ちゃんとブレークポイントの位置で止まりました。右側に変数の値も出てます。
スクリーンショット 2015-03-28 1.30.59.png

アプリのデバッグをChrome Developer Toolsから行うというのがなんともユニークですね。

37
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
toreta
飲食店向け予約/顧客台帳サービス「トレタ」、超直前予約アプリ「トレタnow」を開発・提供するスタートアップ企業です。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
37
Help us understand the problem. What is going on with this article?