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

时间:2019-03-17 21:56:47

标签: reactjs mobile

我有一个本机移动应用程序,可将我的react应用程序加载到子iframe中(不确定如何执行),但是此应用程序将一些变量作为windows.xxxx注入页面

因此,为了测试我的应用程序(是的,这很麻烦),我需要在手机上运行该应用程序,让它在我的开发机器上(即http://192.168.10.10:3300)打开URL。

然后调试任何我不得不提醒(var1)..的东西,就像您可以想象的那样,这是一个非常痛苦的过程,我真的希望父应用程序能够提供比这更好的东西。

通常,一个简单的选项是console.log(var1)之类的东西,但是我看不到移动设备上的控制台,并且此本地应用程序正在加载我的URL。

所以: 1.任何关于更好的调试过程的建议都将受到欢迎。
2.一个有用的想法是,如果有一个简单的反应组件
 打印任何console.log()屏幕。
3.我猜另一个选择可能是某种远程记录器,以便console.remotelog(debugServerUrl,var1)将调试消息推送到侦听器,然后显示调试信息。

所有这些当然都是很痛苦的,但是希望有人在那里对我来说是一个聪明的主意。

1 个答案:

答案 0 :(得分:0)

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

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

此外,如果要捕获stdout和stderr,请签出this npm软件包

最终,希望这对您有所帮助,祝您好运