React Native Debugger MAC 版

用于调试 React Native 应用的免费开源独立应用,内置 React Inspector、Redux DevTools 和 Apollo Client DevTools。仅支持 Remote Debugger。

React Native Debugger 简介

React Native Debugger 是一款用于调试 React Native 应用的免费开源独立应用。它基于官方 Remote Debugger 并增加了更多功能,把 React Inspector、Redux DevTools 和 Apollo Client DevTools 集中在一个窗口中。使用时,打开应用,确保其他调试客户端已关闭,然后在你的应用开发者菜单中开启 Debug JS Remotely。

React Native Debugger 由 Jhen-Jie Hong 开发,以 MIT 许可证发布。它有一个重要限制:只支持旧版 Remote Debugger,不支持 Hermes、JSI 和 New Architecture,而且 0.14.0 之后没有发布新版本。请先确认它适合你的项目。0.11 及更高版本需要 react-native 0.62 或更高版本。0.14.0 版是适用于 Intel 和 Apple Silicon 的通用应用,需要 macOS 10.13 或更高版本,基于 Electron 25。

主要功能

React Native Debugger 把 React Native 的主要调试工具集中在一个应用中。

  • 远程调试:基于官方 Remote Debugger,并增加更多功能。
  • React Inspector:内置自 react-devtools-core。
  • Redux DevTools:已内置,API 与 redux-devtools-extension 相同。
  • Apollo Client DevTools:作为 devtools 扩展内置。
  • 网络检查:用 Chrome Developer Tools 检查网络流量。
  • 调试窗口:按 Command+T 打开新窗口并设置所需端口。
  • 通过 URI 启动:用 rndebugger: 协议从命令行启动。
  • 配置文件:把设置保存在主文件夹中的文件里。

0.14.0 版本新功能

React Native Debugger 0.14.0 更新了核心组件并改进了表单。

  • 现在可以在表单中按 Enter 键
  • 升级到 Electron 25
  • react-devtools-core 升级到 4.28.0,并修复一个 source map 警告
  • redux-devtools 升级到最新版本
  • apollo-client-devtools 升级到版本 4
  • Open in Editor 不再检查主机

React Native Debugger 常见问题

React Native Debugger 免费吗?

是的。它是免费开源软件,采用 MIT 许可证。

React Native Debugger 支持 Hermes 或 New Architecture 吗?

不支持。它只支持旧版 Remote Debugger。0.14.0 版不包含对 Hermes、JSI 和 New Architecture 的支持。

需要什么版本的 React Native?

React Native Debugger 0.11 及更高版本需要 react-native 0.62 或更高版本。较旧的项目可使用 0.10 版,它适用于 react-native 0.61 及更早版本。

需要什么版本的 macOS?

0.14.0 版需要 macOS 10.13 或更高版本。

能在 Apple Silicon 上运行吗?

能。Mac 下载包是适用于 Apple Silicon 和 Intel 的通用应用。

如何连接我的应用?

关闭其他调试客户端,打开 React Native Debugger,然后在你的应用开发者菜单中开启 Debug JS Remotely。

它使用哪个端口?

默认通过 8081 端口连接调试代理。按 Command+T 打开新窗口可设置其他端口。

包含哪些工具?

包含 React Inspector、Redux DevTools 和 Apollo Client DevTools。

可以用 Homebrew 安装吗?

可以。运行:brew install --cask react-native-debugger

react-native-debugger.FULLMAC.app 上的 React Native Debugger 下载来自哪里?

下载按钮会转到 React Native Debugger 官方发布页面 https://github.com/jhen0409/react-native-debugger/releases/latest。react-native-debugger.FULLMAC.app 不会修改或重新打包该应用。

相似应用

FULLMAC.app 不托管此应用。下载按钮会将你带到开发者自己的页面。