在 React Native 中登录到控制台

Irakli Tchigladze 2023年1月30日
  1. 在 React Native 中使用 console.log() 登录到控制台
  2. 在 React Native 中使用 Chrome 开发者工具登录控制台
在 React Native 中登录到控制台

在开发任何应用程序时,都需要登录控制台进行调试。它的控制台易于访问 Web 应用程序,Web 开发人员可以看到记录到控制台的值。

让我们看看如何为使用 React Native 创建的移动应用程序做同样的事情。

在 React Native 中使用 console.log() 登录到控制台

日志记录是调试移动应用程序的宝贵工具。尽管如此,许多开发人员还是完全避免使用它,因为在 React Native 中登录到控制台不像在浏览器中那样直观。

React Native 允许你使用 JavaScript 开发 Web 应用程序。因此开发人员可以使用 console.log() 方法在终端中记录某些内容。

问题是移动应用程序中的控制台更难访问。让我们看一个调用 console.log() 方法的简单 React Native 组件。

const SomeComponent = () => {
  const variable = 20
  console.log(variable)
  return (
    <View>
      <Text>Hello, world!</Text>
    </View>
  )
}

在 React Native 中,要访问记录到控制台的当前值,我们必须运行这些命令之一。

react-native log-ios
react-native log-android

可能很清楚,但第一个命令是针对 iOS 的,第二个是针对 Android 的。

在 React Native 中使用 Chrome 开发者工具登录控制台

另一种查看记录值的好方法是将你的应用程序与 Chrome 开发人员工具连接起来,并在那里查看记录值。

为此,你必须先安装浏览器。然后,你必须使用适当的命令来运行应用程序,适用于 iOS 或 Android。

下一步是打开 developer 菜单并选择 Debug JS Remotely 选项。选择此选项将在浏览器中打开 Debugger 页面。

最后,你必须导航到开发人员选项页面(工具 -> 更多工具 -> 开发人员选项)并打开控制台选项卡。

Irakli Tchigladze avatar Irakli Tchigladze avatar

Irakli is a writer who loves computers and helping people solve their technical problems. He lives in Georgia and enjoys spending time with animals.

LinkedIn

相关文章 - React Native