English 中文(简体)
JavaScript REPL风格调试?
原标题:
  • 时间:2009-03-16 10:49:59
  •  标签:

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

甚至不需要网页,我只需要玩弄JavaScript语言。

有些东西不需要在Firebug或VS中使用断点刷新网页以检查本地变量并将代码输入到Watch窗口中。也许我只需要更好地学习Firebug?

毕竟,JavaScript不需要编译

有点像 LinqPad,但是适用于 JavaScript,也许?

这里有没有人跟着我?

最佳回答

独立的REPL(没有浏览器/DOM,只有JavaScript):来自Rhino项目的JavaScript Shell。JavaScript ShellRhino

问题回答

Node.js 有一个 REPL。

在Mac OS X中:

brew install node
node

输入 .exit 退出 REPL,输入 .help 获取其他选项。

将此翻译成中文:http://nodejs.org/docs/v0.3.1/api/repl.html http://nodejs.org/docs/v0.3.1/api/repl.html

对我而言,JavaScript最方便的调试器和REPL是Mozrepl。它是一个Firefox/XULRunner扩展,使用telnet访问浏览器/应用程序实例,您可以观察和操作浏览器中的一切,甚至是浏览器本身(记住,始终谈论Firefox)。

它作为调试器非常实用(在独立的XUL应用程序中,这是唯一可忍受的进行真正调试的方式),并且作为玩弄和理解应用程序内部机制的工具,它可以将您的JavaScript开发时间提速十倍。

要想惊人的演示其可能性,请查看此视频。

在页面底部的优美的 JavaScript 控制台看起来似乎是您要找的。只需单击控制台标签,就会出现一个滑动的 console。

To allow you to try out programs, both the examples and the code you write yourself, this book makes use of something called a console. If you are using a modern graphical browser (Internet Explorer version 6 or higher, Firefox 1.5 or higher, Opera 9 or higher, Safari 3 or higher), the pages in this book will show a bar at the bottom of your screen. You can open the console by clicking on the little arrow on the far right of this bar.

Google Chrome有一个非常好的内置JavaScript控制台,具有出色的调试和性能分析功能。

只是提供另一個選擇,可以查看shell書籤這裡。我已經使用它多年來對當前加載的網頁運行JavaScript。

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

我一直在使用火狐浏览器的FireBug插件进行JavaScript调试,我不知道这是否正是你需要的,但我很喜欢用它。

因为您可以直接打印变量到自己的控制台,而不必总是执行alert(var);,您只需执行console.log(var)

Safari 4 浏览器的 beta 版本具备了这个功能,它位于错误控制台中("Develop" 菜单中)。这个功能非常酷,因为当它返回一个对象或 HTML 节点时,它会让你通过一个小箭头来深入了解它,展示它的成员、内容等等。

我使用Firebug控制台窗口来进行此操作。

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

如果您使用的是Mac电脑,OSX已包含jsc。无需安装新程序,只需设置链接即可:

ln -s /System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc /usr/local/bin/jsc的翻译为: ln -s /System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc /usr/local/bin/jsc

现在您可以从终端启动jsc。 输入quit()CTRLC退出。

Firebug 的命令行 API 使用指南在这里:链接。

基于Windows Script Host的Javascript REPL。

另外,这个REPL和emacs之间有一个不错的集成。

repl.it支持多种语言的REPL,包括JavaScript,或者您可以尝试Codeacademy Labs,它也有JavaScript REPL。

LightTable允许您键入代码并运行它,并在内联显示结果。

就像这样:

将此翻译成中文:输入图像描述

Mancy是一个开源的,跨平台的JavaScript REPL应用程序。它基于electron和react框架。

一些不错的功能:

  • Syntax Highlighting
  • Dark and light themes
  • Import/Export command history
  • Separate console window for async stdout/stderr logs
  • Notification for async console logs
  • console output filter support
  • Traversable output with fold/unfold options
  • Support for adding directory to node path
  • Expand/Collapse/reload command options
  • History traversal support
  • Multiple window
  • Multiline prompt support with shift + enter
  • Auto suggestion
  • Tab completion
  • Code format support
  • Support to toggle REPL mode
  • Preferences for theme and REPL mode

将此翻译成中文:enter image description here 无法翻译,这是一个HTML代码,它将图像嵌入到网页中。

对于Chrome,您可以使用jsshell-一个好的控制台:

将此翻译成中文: https://chrome.google.com/extensions/detail/kmgmkbicahmbceidoidjbkbpkfogaldh https://chrome.google.com/extensions/detail/kmgmkbicahmbceidoidjbkbpkfogaldh

将此翻译为中文:http://hugoware.net/projects/jsshell http://hugoware.net/projects/jsshell

我通常使用 Chrome 的内置控制台。即使是最近的 IE 版本也有一个不错的开发工具窗口。

JRunscript非常酷(我感到尴尬的是我之前不知道),但我通常遇到的问题是由于javascript实现或DOM的变化,而不是语言本身。

在OS X上使用 osascript

$ osascript -l JavaScript -i

不完全是 REPL,但在javascript中玩弄不同库的另一个选项是Google的API游乐场:

https://code.google.com/apis/ajax/playground/ 的翻译为:





相关问题
热门标签