当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
你可以使用Safari来调试iOS版本的应用程序,而不必启用“远程调试JS”,只需遵循以下步骤:
1. Enable Develop menu in Safari: Preferences → Advanced → Select "Show Develop menu in menu bar"
2. Select your app's JSContext: Develop → {Your Simulator} → Automatically Show Web Inspector for JS JSContext
3. Safari's Web Inspector should open which has a Console and a Debugger
其他回答
试试这个程序:https://github.com/jhen0409/react-native-debugger
适用于:windows, osx和linux。
它支持:react native和redux
你还可以检查虚拟组件树,修改应用中反映的样式。
其实很简单。只需按cmd D(如果在mac上),模拟器将创建一个弹出菜单。从那里只需点击“调试JS远程”或类似的东西。注意,在执行与某些包相关的代码时运行调试器会给人们带来问题。我有一个问题与反应本机映射和调试器。但这是固定的。不过,在大多数情况下,你应该没问题。
对于android应用程序。按Ctrl+M选择调试js远程,它将在chrome浏览器中打开一个url http://localhost:8081/debugger-ui的新窗口。你现在可以调试应用程序在chrome浏览器
如果你想在默认情况下打开调试:
import { NativeModules } from 'react-native';
if (__DEV__) {
NativeModules.DevSettings.setIsDebuggingRemotely(true)
}
要让它在Android上工作:
npm install --save react-native-devsettings-android
react-native link react-native-devsettings-android
参考:启动一个React Native应用程序,默认启用“调试JS远程”
在文件路径中设置空格会阻止Cmd+D的工作。我把我的项目移动到一个没有空间的位置,我终于让Chrome调试器工作了。看起来像个bug。
推荐文章
- 如何为KnockoutJS调试模板绑定错误?
- 如何在TextView中添加一个子弹符号?
- 如何在构建目标之外生成gcc调试符号?
- PreferenceManager getDefaultSharedPreferences在Android Q中已弃用
- 在成功提交我的应用程序后,“太多符号文件”
- 在Android Studio中创建aar文件
- 首先添加一个UIView,甚至是导航栏
- 修改抽射超时时间
- 如何通过数据从第二个活动到第一个活动时按回?——安卓
- 如何在android中获得当前前景活动上下文?
- 如何在Android中获取当前日期?
- 获取Android设备名称
- 在WebView中上传文件
- 加载HTML文件到WebView
- Android:为什么视图没有maxHeight ?