当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
在终端adb logcat *:S ReactNative:V ReactNativeJS:V 在Android Studio中打开项目,打开logcat(底部面板上的按钮) 在终端react-native Run -android中运行
构建完成后,您应该在logcat中看到Android Studio中的详细日志。
其他回答
Mac: Cmd+M
Windows和Linux: Ctrl+M
在模拟器中使用适当的热键。它会弹出Chrome浏览器,从那里你可以使用开发人员工具。
编辑:
现在在帮助文档中有链接。
试试这个程序:https://github.com/jhen0409/react-native-debugger
适用于:windows, osx和linux。
它支持:react native和redux
你还可以检查虚拟组件树,修改应用中反映的样式。
您可以使用expo进行调试:https://expo.io/
Expo让web开发者能够构建真正的本地应用程序,可以在这两个平台上运行 iOS和Android只需要用JavaScript写一次。它是开放 源代码,免费并使用React Native。
这是一个很棒的工具,你可以在React Europe conf上观看这个研讨会:
https://www.youtube.com/watch?v=HygXkQDMSGU&t=6675s
默认情况下,我的ios模拟器没有捕捉到击键,这就是为什么cmd-D不能工作的原因。我必须使用模拟器的菜单打开键盘设置:
硬件>键盘>连接键盘
现在cmd-D启动chrome调试。
对我来说,在React-Native上调试的最好方法是使用“Reactotron”。
安装Reactotron,然后将这些添加到你的package.json:
"reactotron-apisauce": "^1.1.2",
"reactotron-react-native-under-37": "^1.1.2",
"reactotron-redux": "^1.1.2",
现在,只需要登录您的代码。 例如:console.tron.log(调试)
推荐文章
- 我如何在我的iOS应用程序中每n分钟得到一个后台位置更新?
- Eclipse调试器总是阻塞在ThreadPoolExecutor上,没有任何明显的异常,为什么?
- 这是在Android中获取用户位置的好方法
- Android从左到右幻灯片动画
- 如何检索视图的维度?
- 如何改变菜单项的文本颜色在安卓?
- Android选择器和文本颜色
- 如何使用iOS创建GUID/UUID
- Visual Studio:如何打破处理异常?
- 视图绑定-我如何获得包含布局的绑定?
- 禁用所呈现视图控制器的交互式撤销
- 在Android Studio中改变矢量资产的填充颜色
- 在构建中编写注释的语法是什么?gradle文件?
- 如何以编程方式添加按钮色调
- 确保您的项目构建设置正在生成一个dSYM文件。对于所有配置,DEBUG_INFORMATION_FORMAT都应该设置为dwarf-with-dsym