reactjs - 将日志反应到 UI 而不是控制台

Question

我有一个本机移动应用程序，它在子 iframe 中加载我的反应应用程序（不确定它是如何做到的），但是这个应用程序将一些变量作为 windows.xxxx 注入到页面中

因此，为了测试我的应用程序（是的，这很糟糕），我需要在我的手机上运行该应用程序，让它在我的开发机器上打开 URL（又名http://192.168.10.10:3300）。

然后调试任何我不得不警告（var1）的东西。你可以想象这是一个非常痛苦的过程，我真的希望父应用程序能提供比这更好的东西。

通常一个简单的选项是类似于 console.log(var1) 但我在我的移动设备上看不到控制台，并且我的 URL 正在使用这个本机应用程序加载。

所以： 1. 欢迎任何关于更好调试过程的建议。
2. 一个有帮助的想法是，如果有一个 react 组件可以简单地
打印到任何 console.log() 中的任何内容。
3. 我猜另一种选择可能是某种远程记录器，以便 console.remotelog(debugServerUrl, var1) 将调试消息推送到监听器，然后显示调试。

当然，所有这一切都是痛苦的，但希望有人对我有一个聪明的主意。

标签： reactjsmobile

Answer 1

如果你已经在使用 ReactJS，一个简单的快速修复可能是在手机中创建一个日志文件。这篇文章详细介绍了一种将字符串保存为文本文件的快速且相对简单的方法，并且将要保存的所有内容放入字符串中并不难。

此外，这篇文章详细介绍了您模糊引用的远程日志记录功能的实现。

此外，如果您想捕获标准输出和标准错误，请查看这个npm 包

最后，希望这会有所帮助，祝你好运