当应用程序在应用模拟器中运行时,如何用React Native调试他们的React代码?
当前回答
在Debian 8 (Jessie)上调试react-native 0.40.0可以通过在Chromium或Firebug中导航到http://localhost:8081/debugger-ui来完成,而应用程序正在android模拟器中运行。要访问应用程序内的开发人员菜单,在另一个终端窗口运行以下命令,如下所示:
Adb shell输入keyevent 82
其他回答
奇怪的是,⌘+ D对我不起作用。在iOS模拟器中按ctrl + cmd⌘+ Z确实为我打开了调试浏览器窗口。
这是弹出的屏幕:
详情请点击这里。
React本机调试器。它帮我解决了90%的问题
首先在你的ios模拟器中,如果你按[command + D]键,然后你可以看到这个屏幕。
然后单击远程调试JS按钮。
之后你可能会看到这样的React本机调试器页面。
然后打开你的检查器[f12],去控制台选项卡调试它!:)
在模拟器上按Cmd+D并选择Debug将打开浏览器调试器
我没有足够的声誉来评论之前的答案,这些答案都很好。:) 以下是我在开发react-native应用程序时调试的一些方法。
Live reloading react-native makes it super easy to see your changes with the ⌘ + R keys or even just enable live reload and watchman will "refresh" the simulator with the latest changes. If you get an error, you can get a clue from the line number from that red screen. A couple of undo will get you back to working state and start again. console.log('yeah, seriously.') I find myself prefer letting the program run and logging some informations than adding a debugger break point. (tough debugger is useful when trying to work with external packages/libraries and it comes with autocompletion, so you know what other methods you can utilise.) Enable Chrome Debugging with debugger; break point in your program.
这取决于您遇到的错误类型以及您对如何调试的偏好。对于大多数未定义的不是一个对象(评估'something.something'),方法1和2对我来说已经足够好了。
然而,处理由其他开发人员编写的外部库或包将需要更多的努力来调试,因此有一个像Chrome Debugging这样的好工具
有时它来自react-native平台本身,所以谷歌一下react-native问题肯定会有帮助。
希望这能帮助到一些人。
推荐文章
- 如何为KnockoutJS调试模板绑定错误?
- 如何在TextView中添加一个子弹符号?
- 如何在构建目标之外生成gcc调试符号?
- PreferenceManager getDefaultSharedPreferences在Android Q中已弃用
- 在成功提交我的应用程序后,“太多符号文件”
- 在Android Studio中创建aar文件
- 首先添加一个UIView,甚至是导航栏
- 修改抽射超时时间
- 如何通过数据从第二个活动到第一个活动时按回?——安卓
- 如何在android中获得当前前景活动上下文?
- 如何在Android中获取当前日期?
- 获取Android设备名称
- 在WebView中上传文件
- 加载HTML文件到WebView
- Android:为什么视图没有maxHeight ?