react-native-debugger 调试工具简单使用

react-native-debugger是一个调试React Native的独立应用,可以通过这个应用程序查看组件及redux

安装方式及应用地址

下载地址

组件样式查看

react-native-debugger安装完后并在应用程序中按顺序打开调试菜单中的 Remote JS DebuggingToggle Inspector

调试菜单
查看效果图

调试redux

yarn add -D remote-redux-devtools

使用方式参考Redux DevTools扩展: http://extension.remotedev.io/

下图里展示使用中间件时候的引用方式,如果需要其他引用方式对照网址引入就可以

引用示例
效果图

结束

这个工具还有很多其他功能,不过对我来说着两个就够用了,如果需要自己需要其他功能的,就自己继续探索吧

相关链接

https://github.com/jhen0409/react-native-debugger
https://github.com/zalmoxisus/remote-redux-devtools
http://extension.remotedev.io/
http://zalmoxisus.github.io/monitoring/

你可能感兴趣的:(react-native-debugger 调试工具简单使用)