在应用模拟器中运行React Native应用时,如何对其进行调试?
在应用模拟器中运行React Native应用时,如何对其进行调试?
还有一个非常好的调试工具叫做Reactotron。https://github.com/infinitered/reactotron
你不必处于调试模式才能查看一些数据值,并且有很多选项。
去看看吧,这真的很有用。;)
adb logcat *:S ReactNative:V ReactNativeJS:V
logcat
按钮react-native run-android
构建后,您应该在Android Studio的logcat
中看到详细的日志。
Cmd+D
并选择 Debug 将会打开浏览器调试器。调试React Native应用程序,只需转到以下地址:
localhost:8081/debugger-ui 在您的默认浏览器(Chrome)中打开开发者工具来调试您的React Native应用程序
实际上很简单。只需按下cmd D(如果在Mac上),模拟器就会创建一个弹出菜单。从那里,只需单击“Debug JS Remotely”或类似的选项。请注意,当执行与某些软件包相关的代码时运行调试器已知会给人们带来问题。我曾经遇到过react-native-maps和调试器的问题。但是那已经解决了。大部分情况下,你应该没问题。
https://github.com/pie6k/react-native-dev-menu-on-touch
您只需要将应用程序包装在以下代码中:
import DevMenuOnTouch from 'react-native-dev-menu-on-touch'; // 或者: import { DevMenuOnTouch } from 'react-native-dev-menu-on-touch'
class YourRootApp extends Component {
render() {
return (
<DevMenuOnTouch>
<YourApp />
</DevMenuOnTouch>
);
}
}
当你需要在真实设备上进行调试并且旁边有同事时,这非常有用。
1. Run your application in the Android simulator.
2. Press Ctrl + D and a webpage should open up at http://localhost:8081/debugger-ui. (Chrome only for now)
3. Enable Pause On Caught Exceptions for a better debugging experience.
4. Press F12 to open the Chrome Developer tools, or open it via View -> Developer -> Developer Tools.
我使用这个库来调试React Native项目
https://github.com/jhen0409/react-native-debugger 它包括以下内容:
或者你也可以使用
For IOS $ react-native log-ios
For Android $ react-native log-android