跳到主要内容

其他调试方法

本页介绍如何使用旧版 JavaScript 调试方法。如果您正在开始一个新的 React Native 或 Expo 应用,我们建议使用 React Native DevTools

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

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

  1. 仅限真机设备:打开“设置”应用,导航到“Safari” > “高级”,并确保“网页检查器”已开启。
  2. 在您的 Mac 上,打开 Safari 并启用“开发”菜单。这可以在“Safari” > “设置...”中找到,然后是“高级”标签页,然后选择“显示用于网页开发的功能”。
  3. 在“开发”菜单下找到您的设备,并从子菜单中选择“JSContext”项。这将打开 Safari 的“网页检查器”,其中包括类似于 Chrome DevTools 的“控制台”和“源”面板。

Opening Safari Web Inspector

提示

虽然源映射可能默认未启用,但您可以按照 此指南视频 来启用它们并在源代码中正确的位置设置断点。

提示

每次应用重新加载时,都会创建一个新的 JSContext。选择“自动显示 JSContext 的网页检查器”可以省去手动选择最新 JSContext 的麻烦。

远程 JavaScript 调试(已移除)

重要

自 React Native 0.79 版本起,远程 JavaScript 调试功能已被移除。请参阅原始弃用公告

如果您使用的是旧版 React Native,请前往您对应版本的文档

The remote debugger window in Chrome