Fatal编程技术网
  • javascript/
  • Javascript React-组件或一种拥有类似于Chrome/Firefox JS控制台的控制台的方法

Javascript React-组件或一种拥有类似于Chrome/Firefox JS控制台的控制台的方法

javascript reactjs

Javascript React-组件或一种拥有类似于Chrome/Firefox JS控制台的控制台的方法,javascript,reactjs,ace-editor,Javascript,Reactjs,Ace Editor,我正在开发React应用程序，它需要在浏览器中执行一些JavaScript代码。它有一个代码编辑器（使用Ace编辑器），用户可以在其中键入一些代码，按Run按钮执行代码，并在一些控制台中查看结果输出。 什么是一个好的“控制台”组件，或者一种构建类似于Chrome/Firefox JS控制台的控制台的方法？最简单的方法是通过Javascript中的本机eval（）函数。我相信Ace提供了一些API来获取编辑器中的文本。从这里开始，您只需将eval（*yourEditorText*）绑定到按钮上，并

我正在开发React应用程序，它需要在浏览器中执行一些JavaScript代码。它有一个代码编辑器（使用Ace编辑器），用户可以在其中键入一些代码，按
Run
按钮执行代码，并在一些控制台中查看结果输出。
什么是一个好的“控制台”组件，或者一种构建类似于Chrome/Firefox JS控制台的控制台的方法？

最简单的方法是通过Javascript中的本机
eval（）
函数。我相信Ace提供了一些API来获取编辑器中的文本。从这里开始，您只需将
eval（*yourEditorText*）
绑定到按钮上，并将其打印到屏幕上

这有一些警告。就像如果用户打印一个无限运行的for循环，你的页面就会崩溃。安全也成为一个问题。阅读此文以了解有关使用
eval（）的影响的更多信息。

编辑：如果你想将控制台消息打印到网页上，你必须通过劫持
窗口.console
对象来执行一些奇怪的操作，以获取日志消息，然后将其传递给你的React对象。试着用小提琴来做那件事

EDIT2：我知道
eval
，我要找的是一个类似于Chrome或Firefox控制台的“控制台”，用于显示
eval
的输出。看看这个！