chrome远程调试react-native的原理是什么？答案

【问题标题】：what's the principle of debugging react-native remotely in chrome?chrome远程调试react-native的原理是什么？
【发布时间】：2020-06-10 01:31:15
【问题描述】：

我知道 chrome devtool 可以用作开放式调试器前端，通过 websocket 从调试器主机接收调试信息并显示它们，例如源文件和控制台日志，它还为单个程序提供流控制 GUI step 任务，只要宿主支持即可。

但是根据ReactNative的远程调试页面：

React Native JS 代码在此选项卡内作为 Web Worker 运行。

看来chrome不仅是前端，还执行被调试的代码？所以我的问题是：

1.设备相关代码如何在chrome中执行？

2.设备也会执行代码吗？如果是，它和chrome有什么关系？如果不是，该应用程序如何在设备中运行？

【问题讨论】：

https://facebook.github.io/react-native/docs/debugging.html
嗨@SathishSundharam，我已经阅读了该文档，但这只是一个使用指南，它没有解释我的问题。
我没有太多细节可以告诉你，但我可以确认我已经在几个实例中观察到 Android 调试和 Android 版本的不同行为。首先想到的是'someString'.startsWith()，正如本期所见：github.com/facebook/react-native/issues/11370

【解决方案1】：

1.设备相关代码如何在chrome中执行？

在 Chrome 调试模式下，JavaScript 代码在 Chrome 本身（而不是设备上的 JavaScriptCore）内运行，并通过 WebSocket 与本机代码通信。在这里，它将使用 V8 引擎。这让我们可以看到很多关于 Chrome 调试工具的信息，比如网络请求、控制台日志等。

请注意，Chrome 的 V8 Javascript 引擎并不是唯一可以使用的 React Native，您也可以在 Safari 中进行调试，并且代码将在 Safari 的 JavascriptCore 上运行。见this for more

2.设备也会执行代码吗？如果是，它和chrome有什么关系？如果不是，该应用如何在设备中运行？

不，JS 代码只在一个地方执行，如果您正在调试，则可以是浏览器的 javascript 引擎，因此通过 Websockets 与设备通信，或者如果在没有调试的情况下运行，则可以在设备的 JavascriptCore 处执行。

【讨论】：