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

Question

在 Ruby 中，我可以在我的代码中的任何地方键入 binding.pry，在那个执行点我的控制台将进入一个 REPL，我可以在其中访问所有局部变量，可以进行更改并执行任意代码。

例子:

# 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，四处乱逛，弄清楚代码需要什么编写，然后将完善的代码添加到实际的源代码中。

有没有像pry这样的工具用于在浏览器控制台中运行的 javascript？

Answer 1

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