`binding.pry`用于javascript控制台？

Question

在Ruby中，我可以在代码中的任何位置键入binding.pry，在执行时，我的控制台将进入REPL，我可以访问所有局部变量，可以进行更改，并执行任意代码。< / p>

示例：

# foo.rb
require 'pry'
n = 5
binding.pry
puts "your number is #{n}"

当我运行它时：

$ ruby foo.rb

From: /Users/cgenco/Desktop/foo.rb @ line 4 :

    1: # foo.rb
    2: require 'pry'
    3: n = 5
 => 4: binding.pry
    5: puts "your  number is #{n}"

[1] pry(main)> n = 100
=> 100
[2] pry(main)> exit
your number is 100

这是一个令人难以置信的调试工具，特别是对于需要复杂设置的情况：我可以在现场输入binding.pry我需要更多代码，弄乱，找出需要编写的代码，然后添加抛光的代码到实际的源代码。

是否有适用于浏览器控制台的javascript pry等工具？

Answer 1

在代码中使用debugger;作为this answer suggests。您的浏览器开发者工具必须是开放的。

Answer 2

大多数浏览器都有与此非常相似的开发人员工具。

例如，在Chrome中，按 Ctrl + Shift + I 打开开发人员工具面板。单击“源”选项卡，您可以浏览已加载的任何JavaScript文件。从这里，您可以通过单击左边距设置断点。现在，当您重新加载页面时，JavaScript执行将在您指定的行暂停。

在面板的底部有一个“显示控制台”按钮，它将打开你可以玩的REPL。

以下是我刚刚提到的所有内容的截图：

Firefox，IE，Safari和Opera中有类似的工具。只需谷歌“开发者工具[您选择的浏览器]”就可以了解更多相关信息。

Answer 3

我想提一下Node.js有一个很好的东西，叫做Debugger。

超短教程：

1. 是这样运行你的应用程序：

sudo rm -rf /Library/Frameworks/CarthageKit.framework rm -f /usr/local/bin/carthage brew uninstall carthage brew install carthage

1. 而不是通常的

node debug appname.js

帮自己一个忙看看：https://nodejs.org/api/debugger.html我发布了这个，因为在找到调试工具之前，我找到了许多需要依赖的方法！