如何在Xcode中查看React Native iOS发布版的console.log

别担心，我刚接触Xcode的时候也懵得很，这就给你一步步讲清楚怎么在React Native iOS的发布构建里看console.log～

方法一：用Xcode连接设备看实时日志（无需改代码） #

这是最直接的方式，适合你测试发布包的时候用：

• 先把你的iOS设备用数据线连到电脑上，打开Xcode
• 点击顶部菜单栏的 Window > Devices and Simulators（或者按快捷键 Shift+Command+2 快速打开）
• 在弹出的窗口左侧，找到你连接的设备并点击它
• 窗口底部有个「Open Console」按钮，点它就能打开设备的日志控制台
• 现在把你的发布版本App安装到设备上（不管是通过Xcode导出ad-hoc包安装，还是TestFlight下载的都可以），打开App后，控制台就会实时输出App的所有日志，包括你写的console.log内容
• 要是日志太多找不到，直接在控制台顶部的搜索框输入console.log，就能过滤出你要的日志啦

方法二：确保发布构建里console.log没被移除 #

默认情况下，React Native的release构建会自动移除console.log来优化性能，所以如果用方法一没看到日志，可能是被删掉了，这时候需要改点配置：

1. 打开项目根目录的babel.config.js文件，修改配置，让release模式下保留console.log：

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  env: {
    production: {
      plugins: [
        // 保留console.log，移除其他console方法（比如warn、error可以按需调整）
        ["transform-remove-console", { "exclude": ["log"] }]
      ]
    }
  }
};

2. 重新构建你的发布包，之后再用方法一的步骤，就能在Xcode控制台看到console.log的内容了

方法三：把日志保存到本地文件（适合无电脑场景） #

如果需要在没有电脑的情况下查看日志，可以写个简单的原生模块把日志保存到设备文件里，或者用现成的第三方库（比如react-native-logger），不过这个稍微复杂一点，如果你只是临时测试，方法一和二就足够啦

内容的提问来源于stack exchange，提问作者bleepmeh