JavaScript REPL式调试?

53

是否有适用于JavaScript的交互式调试器?我想象左边是一个网页,右边是一个REPL界面。

甚至可以没有网页,这样我就可以随便玩JavaScript语言了。

希望不需要像Firebug或VS中断点那样刷新网页以查看本地变量和在观察窗口中输入代码。也许我只需要更好地学习Firebug?

毕竟,JavaScript不必被编译。

可能类似于LinqPad但适用于JavaScript?

谁能理解我的意思?


旧链接,但由于它在谷歌搜索中出现 - JSFiddle.net 也是一个不错的选择。 - FoggyDay
1
http://repl.it 是一个不错的地方。 - Jerry Jeremiah
另外,我刚刚发现了https://babeljs.io/repl/。 - Jerry Jeremiah
20个回答

29

现在有UltraREPL了 - 刚看到它,今天打算试一下。https://github.com/Benvie/Node.js-Ultra-REPL - Ivan -Oats- Storck

23

9
那个链接有点混乱。我觉得直接在命令提示符(OS X)中安装犀牛并输入“犀牛”更容易上手。完成后,你就可以得到REPL。 - Ivan -Oats- Storck
8
@Ivanoats 我没有看到任何迹象表明OP正在使用OS X和Homebrew,即使他应该使用它;-) - Hank Gay

10
对我来说,JavaScript 最方便的调试器和 REPL 是 Mozrepl。它是一个 Firefox/XULRunner 扩展程序,使用 telnet 访问浏览器/应用程序实例,您可以观察和操作浏览器中的所有内容,甚至是浏览器本身(请记住,始终是针对 Firefox)。
作为调试器,它非常有用(在独立的 XUL 应用程序中,这是唯一可忍受的进行真正调试的方式),并且作为玩耍和理解应用程序内部机制的工具,它可以将您的 JavaScript 开发时间加快十倍。
要了解其功能的令人印象深刻的演示,请查看此视频

9
在页面底部,《JavaScript编程精解》提供了一个控制台,看起来正是您需要的。只需点击console标签,就会出现一个滑动控制台。
为了让您可以尝试程序,包括本书中的示例和您自己编写的代码,本书使用了称为控制台的东西。如果您使用现代图形浏览器(Internet Explorer 6或更高版本,Firefox 1.5或更高版本,Opera 9或更高版本,Safari 3或更高版本),本书中的页面将在屏幕底部显示一条栏。您可以通过单击此栏最右侧的小箭头来打开控制台。

2
+1 但请注意它是页面底部非常细的一条线 - 即使我在寻找它时也差点错过了! - DNA
我也错过了,尽管我一直在寻找。Mozilla应该考虑让它更加明显。也许可以使用更传统的命令行提示风格。 - rectangletangle

9

谷歌浏览器内置了非常好用的JavaScript控制台,具有出色的调试和性能分析功能。


1
Chrome的JavaScript控制台存在一个严重问题,它不允许多行编辑。控制台只能评估单行代码。 - Lamnk
14
@Lamnk 您可以通过按下 Shift+Enter 添加新行。 - wong2

5

为了提供另一个选择,可以尝试使用shell书签这里。多年来,我一直在使用它来运行针对当前加载的网页的JavaScript。

Firebug控制台可能更具有功能性,因此我不确定是否有任何强制性理由使用它,但在某些罕见情况下,它可能是一个有用的工具。


4
我一直在使用FireBug,不知道它是否正是你需要的,但我喜欢通过它来调试JavaScript。
因为你可以将变量打印到自己的控制台上,而不必总是做alert(var);,你只需做console.log(var)

3
我使用JSFiddle在线工具(http://jsfiddle.net/)或在Linux终端中使用Seed(http://live.gnome.org/Seed)。

3
如果你使用的是Mac系统,那么OSX已经包含了jsc。无需安装新软件,只需要设置一个链接即可:ln -s /System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc /usr/local/bin/jsc。现在你可以在终端中启动jsc。输入quit()或按下CTRL+C即可退出。

3
Safari 4测试版在错误控制台中(在“开发”菜单中)具有此功能。这特别酷,因为当它返回一个对象或HTML节点时,它会让你用一个小的展开箭头深入其中,显示其成员、内容等。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接