跳至主内容
版本:0.83

其他调试方法

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

本文介绍传统的 JavaScript 调试方法。如果您正在开发新的 React Native 或 Expo 应用,我们推荐使用 React Native DevTools。

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

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

  1. 仅限物理设备:打开设置应用,进入 Safari > 高级,确保开启 "Web Inspector"。

  2. 在 Mac 上打开 Safari,启用开发菜单:通过 Safari > 设置... > 高级选项卡,勾选"为网页开发者显示功能"。

  3. 在开发菜单中找到您的设备,选择子菜单中的 "JSContext" 项。这将打开 Safari 的 Web Inspector,其中包含类似 Chrome DevTools 的控制台和源代码面板。

开启 Safari Web Inspector

技巧

源码映射可能默认未启用,您可以参考这篇指南或这个视频启用它,并在源代码的正确位置设置断点。

技巧

每次应用重新加载时都会创建新的 JSContext。勾选"自动为 JSContext 显示 Web 检查器"可避免手动选择最新 JSContext。

远程 JavaScript 调试(已移除)​

重要

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

如果您使用的是旧版本的 React Native,请访问对应版本的文档。

Chrome 中的远程调试器窗口