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

Question

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

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

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

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

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

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

Answer 1

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

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

另外，如果你想捕获标准输出和标准错误，请查看thisnpm 包

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