javascript - 如何从我的 react-native 应用程序打开笔记本电脑上的 chrome 选项卡(就像远程调试一样)？

Question

我正在创建一个小型调试应用程序来监控我的主应用程序的两个用户之间的特定交互 (WebRTC)。

我有一个 Web 应用程序 (React) 和一个移动应用程序 (React-Native)，每个应用程序都通过 socket.io 连接到我创建的节点服务器。该节点服务器的目的是收集双方用户的信息，并将这些信息实时显示在网页上。

我的网络应用程序有一个按钮，当您单击它时，它会在新选项卡中打开带有调试信息的调试网页；我只是使用 window.open。 是否可以通过我的移动设备执行类似的操作，运行一个 react native 应用程序？也就是说，我可以单击一个按钮并以某种方式在笔记本电脑上打开一个浏览器选项卡吗？ React-Native 远程调试是否适用于类似这样的东西？

Answer 1

目前没有支持的方法可以在 React Native 中执行此操作。

但是，您当然可以自己添加。

导航到 node_modules/react-native/local-cli/server/middleware/getDevToolsMiddleware.js

查找 launchChrome(debuggerURL);，您可以使用所需的 URL 调用另一个 launchChrome 函数。

这只会在您选择 Debug JS Remotely 时出现。

您可以配置 CLI 服务器代码，以便在您不调试时启动 URL。