RN:调试工具Chrome、react-native-debugger、react-devtools、flipper对比
文章目录
- Chrome
- react-native-debugger
- 1、如何调试接口:
- react-devtools
- flipper
- 对比
- 参考资料
Chrome
运行 yarn start
的时候会自动打开 http://localhost:8081/debugger-ui
react-native-debugger
社区开源的 debugger 工具,功能强大
brew install --cask react-native-debugger
open "rndebugger://set-debugger-loc?host=localhost&port=8081"
1、如何调试接口:
官方文档 有说明
右键,然后点击这个 enable network inspect,然后 reload 一下,就可以在 network 看到接口信息了~
上面是 第一种方案,还可以定义配置文件
react-devtools
其实是 react-native-debugger 左下角的那个子模块
flipper
Facebook 开源的 debugger 工具,功能强大。
直接官网下载一个 dmg 的安装包。
打开直接用
对比
我觉得 react-native-debugger 比 flipper 好用,原因符合前端开发习惯:
- 比如点击元素可以直接对应到 dom 节点上
- network 调试很像 chrome,对于前端开发很友好
但是 flipper 是 Facebook 背书,后续发展的更好也不一定,总之能解决你的问题就行
参考资料
https://www.react-native.cn/docs/debugging
https://github.com/facebook/flipper
https://github.com/jhen0409/react-native-debugger
RN:调试工具Chrome、react-native-debugger、react-devtools、flipper对比相关推荐
- React Native之React速学教程
本文出自<React Native学习笔记>系列文章. React Native是基于React的,在开发React Native过程中少不了的需要用到React方面的知识.虽然官方也有相 ...
- 小谈React、React Native、React Web
React有三个东西,React JS 前端Web框架,React Native 移动终端Hybrid框架,React Web是一个源码转换工具(React Native 转 Web,并之所以特别提出 ...
- React Native与React的关系及特点
一.React.React.js和React Native的关系 React是基础框架,是一套基础设计实现理念,开发者不能直接使用它来开发移动应用或网页. 在React之上发展出了React.js框架 ...
- [React Native]升级React Native版本
React Native正式版本还没发布,但是小版本基本上每个月都更新1-2次.9月11号又更新了0.33版本,其中有两个增强功能正好是项目中用到的. 添加Android6.0权限验证API Add ...
- React Native之React Navigation踩坑
自动重装系统之后,已经很长一段时间没有来写React Native了,今天空闲之余,决定重新配置React Native的开发环境,继续踩坑... React Native的开发环境配置狠简单,只要依 ...
- RN:React Native原理以及新架构JSI、Fabric等概念
说明 RN需要一个JS的运行环境, 在IOS上直接使用内置的javascriptcore, 在Android 则使用webkit.org官方开源的jsc.so. 此外还集成了其他开源组件,如fresc ...
- React native RN 开发实例
多入口加载方式 React Native 混合开发多入口加载方式 - 知乎 initialProperties 官方文档:React Navigation moduleName 案例:GitHub - ...
- React Native开发速记
文章目录 引子 React Native适用场景 React基础 JSX 组件的定义 高阶组件(HOC) 生命周期函数与组件渲染 组件的缺省属性 组件之间的通信 基础API Flex弹性布局 例子: ...
- React Native发布重构路线图
React Native作为时下最热门的跨平台开发方案,在这两年的移动跨平台方案中可谓一枝独秀,在很多的移动产品中都可以看到它们的影子,相比国内的Weex,RN的迭代更加频繁,性能上也无限的接近原生应 ...
最新文章
- AI之父图灵登上50英镑钞票,荣耀比肩牛顿达尔文;吴恩达:将激励更多人
- 数据结构(数据库)设计规范
- 按钮button的常用属性和事件
- Git 操作简单总结:廖雪峰教程
- signature=78718ebfda6f8d955fae3e9c9c284f5d,SKI SAFETY BINDING WITH SWIVELLING SOLE PLATE
- python在材料模拟中的应用_基于Python的ABAQUS二次开发及在板料快速冲压成形模拟中的应用...
- Oracle索引简单介绍与示例
- 纯惯导卡尔曼滤波器代码实例解读01
- 浏览器如何禁用或启用Cookie
- linux wa%过高,iostat查看io状况
- 阿里飞猪个性化推荐:召回篇
- qq邮件 外发服务器设置,利用腾讯企业邮箱配置外发邮件服务
- 鼠标双击DataGridView单元格变成ComboBox
- Git配置本地分支、远程分支、合并分支、撤销合并分支
- Linux系统接口ioc,Linux下SCSI API研究及应用
- 如何解决input输入框只输入数字
- GitHub Top 45:新手入门 Python,值得推荐的优质资源!
- 中控消费机一直显示连接服务器,中控消费机培训及常见问题的解决办法-1.ppt
- C语言实验06_数学
- 微信公众号获取用户当前地址经纬度
热门文章
- HTML+CSS基础知识3
- 计算机word表格计算教程F9,计算word表格中数据的教程
- 使用虚拟机备份软件恢复华为 FusionSphere(kvm)虚拟机
- 正在调查!华南理工大学计算机学院院长篡改考研成绩!
- Hadoop的各个web界面的地址
- 智慧城管——开启精细化城市管理
- 美国独立服务器的好处有哪些?
- 每日10行代码31:爬取人民日报一日的所有文章并存入数据库
- mac版mysql workbench_MySQL Workbench for mac下载-MySQL Workbench for mac(数据库工具) v8.0.16特别版 - Mac天空...
- 【UGUI】Dropdown下拉框