当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
在终端adb logcat *:S ReactNative:V ReactNativeJS:V 在Android Studio中打开项目,打开logcat(底部面板上的按钮) 在终端react-native Run -android中运行
构建完成后,您应该在logcat中看到Android Studio中的详细日志。
其他回答
在Windows中,使用android模拟器,你可以执行以下步骤:
模拟器运行后,应用程序在它上面,按下菜单按钮,然后选择“调试JS远程”或“调试在Chrome中”(这取决于模拟器使用)。你可以看到下一个图像作为参考:模拟器的步骤图像 一个新的Chrome标签将出现。你必须按Ctrl + J来显示开发人员工具,并开始跟踪调试步骤。请看这张图片作为参考
此外,您应该使用console.log()特性来使调试过程更具描述性。
默认情况下,我的ios模拟器没有捕捉到击键,这就是为什么cmd-D不能工作的原因。我必须使用模拟器的菜单打开键盘设置:
硬件>键盘>连接键盘
现在cmd-D启动chrome调试。
对于Android应用程序,如果你正在使用Genymotion,你可以通过按CMD + m来切换菜单,但你可能必须在菜单中启用它。
取消小部件 通过CMD + m单击debug在chrome中启用它
对于Android: Ctrl + M(模拟器)或摇动手机(在设备中)显示菜单。
对于iOS: Cmd + D或摇晃手机显示菜单
确保你有铬。
在显示的菜单上选择Debug JS远程选项。
Chrome将在localhost:8081/debugger-ui自动打开。您也可以使用此链接手动转到调试器。
那里显示控制台,你可以看到日志被记录。
对于Android模拟器,在Windows下按F10而不是Cmd+M。模拟器开始显示所有的react-native调试选项。
推荐文章
- 更改UITextField和UITextView光标/插入符颜色
- 如何隐藏动作栏之前的活动被创建,然后再显示它?
- 是否有一种方法以编程方式滚动滚动视图到特定的编辑文本?
- 在Android中将字符串转换为Uri
- 'Project Name'是通过优化编译的——步进可能会表现得很奇怪;变量可能不可用
- 如何在NestedScrollView内使用RecyclerView ?
- 如何设置回退按钮文本在Swift
- 移动到另一个EditText时,软键盘下一步点击Android
- Android应用中的GridView VS GridLayout
- Activity和FragmentActivity的区别
- 右对齐文本在android TextView
- 模拟器慢动作动画现在打开了吗?
- 如何设置断点在内联Javascript在谷歌Chrome?
- 如何为TableView创建NSIndexPath
- 权限拒绝:start前台需要android.permission.FOREGROUND_SERVICE