如何将 firefox 设置为 React-Native 的默认远程 JS 调试器？

Posted 2023-02-19

【中文标题】如何将 firefox 设置为 React-Native 的默认远程 JS 调试器？

【英文标题】：How can i set firefox to be my default Remote JS Debugger for React-Native?

【发布时间】：2019-02-27 06:03:33

【问题描述】：

由于某种原因，我没有安装 chrome。当我点击“远程调试 JS”时，我收到一条日志说“找不到 chrome”，当我尝试在 firefox 中访问 url 时：http://localhost:8081/debugger-ui，它不起作用。

我想在 Firefox 浏览器中调试。如何更改 react-native 远程 JS 调试器的默认设置。

【参考方案1】：

Step1：将 URL 放入 Firefox/Opera 浏览器：http://localhost:8081/debugger-ui

第二步：打开控制台（Ctrl+Shift+J 或 Cmd+Shift+J）

Step3：在模拟器上按 Cmd+D 并选择“远程调试 JS”

Step4：在模拟器上按 Cmd+R

Step5：在浏览器中查看控制台

这些步骤也适用于 Opera 浏览器

这对我有用。

【讨论】：

当我启动应用程序时，如何设置我希望它打开哪个浏览器？我在 FF 中打开，我希望它是 Chrome，无需执行所有这些手动步骤。

@MoteZart 我认为这是因为您的默认浏览器是 FF。当您单击“远程调试 JS”时，它会在您的默认浏览器中打开调试 URL。解决此问题的一种方法是将“Chrome”设置为您的默认浏览器。

【参考方案2】：

要使用自定义 javascript 调试器代替 Chrome 开发者工具，请将 REACT_DEBUGGER 环境变量设置为将启动自定义调试器的命令。然后您可以从开发者菜单中选择“远程调试 JS”开始调试。

调试器将收到所有项目根目录的列表，以空格分隔。例如，如果您设置 REACT_DEBUGGER="node /path/to/launchDebugger.js --port 2345 --type ReactNative"，那么命令 node /path/to/launchDebugger.js --port 2345 --type ReactNative /path /to/reactNative/app 将用于启动您的调试器

有关更多信息，请查看： http://facebook.github.io/react-native/docs/debugging

【讨论】：

我已经读过了，但是如何设置 REACT_DEBUGGER 环境变量？如果你的意思是环境变量，我们定义路径的windows中的系统环境变量，我已经这样做了，不起作用！

打开调试器 1.从 Firefox 菜单（或工具菜单，如果您显示菜单栏或在 Mac OS X 上）的 Web Developer 子菜单中选择“调试器” 2.按 Ctrl Shift S （OS X 上的 Command Option S）键盘快捷键。 3.按菜单按钮（ ），按“Developer”，然后选择“Debugger”。