跳至主内容

其他调试方法

非官方测试版翻译

本页面由 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 中的远程调试器窗口