くま's Tech系Blog

基本的には技術で学んだことを書き留めようと思います。雑談もやるかもね!

ReactNativeでのデバック

Javascriptと同じようにできるのでメモ

起動中のエミュレータ上で、以下のキーを入力する

iOSの場合 : Command + D

Androidの場合 : Command + M

すると、以下のオプションが表示されます。

f:id:kumaskun:20191104194739p:plain

Debug JS Remotlyを選択すると、下記URLで自分が作成しているプロジェクトのデバックができるようになります。

http://localhost:8081/debugger-ui

f:id:kumaskun:20191104195331p:plain

上記の画面が表示されるはずなので、右クリックで「検証」を選択し、デバックを行えます。

また、CSSが正しく適用されているかの確認をする場合は、「Show Inspector」を選択すれば、確認できます。

Javascriptと同じように確認できるのが便利ですね。

参照

React Nativeのデバッグ方法