跳到主要内容
Version: Next

其他调试方法

此页面介绍了传统的 JavaScript 调试方法。如果你正在使用新创建的 React Native 或 Expo 应用,我们建议使用 React Native DevTools

Safari 开发者工具(直接调试 JSC)

当你的应用使用 JavaScriptCore(JSC)作为运行时环境时,可以使用 Safari 来调试应用的 iOS 版本。

  1. 仅适用于物理设备:打开"设置"应用,导航到 Safari > 高级,确保"Web 检查器"已打开。
  2. 在 Mac 上,打开 Safari 并启用"开发"菜单。可以在 Safari > 设置... 下找到,然后选择"高级"选项卡,再勾选"显示面向 Web 开发者的功能"。
  3. 在"开发"菜单下找到你的设备,并从子菜单中选择"JSContext"项。这将打开 Safari 的 Web 检查器,其中包括类似于 Chrome 开发者工具的控制台和源代码面板。

Opening Safari Web Inspector

tip

虽然默认情况下可能没有启用 Source Map,但你可以参考这篇指南或者视频,了解如何启用它们,并在源代码的正确位置设置断点。

tip

每次应用重新加载时,都会创建一个新的 JSContext。勾选"Automatically Show Web Inspectors for JSContexts"可以省去你手动选择最新 JSContext 的麻烦。

远程 JavaScript 调试(已移除)

重要

远程 JavaScript 调试功能已在 React Native 0.79 版本中移除。请查看原始的弃用公告

如果你使用的是较旧版本的 React Native,请查阅对应版本的文档

The remote debugger window in Chrome