用 Javascript 实现的 Javascript 调试器答案

【问题标题】：Javascript Debugger implemented in Javascript用 Javascript 实现的 Javascript 调试器
【发布时间】：2015-04-28 12:14:42
【问题描述】：

用例

在线开发环境
开发环境使用 JavaScript 实现
开发环境支持创建 JavaScript 代码
开发环境可以调试创建的 JavaScript

是否有可以与我的产品集成的现有解决方案，以支持对我的在线开发环境网站创建的 Java 脚本进行在线 JavaScript 调试？

更新：我认为这个问题不够清楚，我要调试的 JavaScript 代码是由我的网页（一个包含 JavaScript 的文本框）创建的，使用浏览器调试器将启用对我的网站的调试，而不是由它创建的脚本（文本框中的那个）。

【问题讨论】：

标签： javascript javascript-debugger

【解决方案1】：

JavaScript 已经内置了调试器。

您可以通过在代码中键入debugger; 来使用浏览器的developer console 来中断代码并从该点开始调试。只需打开您的控制台，重新加载页面，您的调试器就会启动。

所以example：

var x = 15 * 5;
debugger;
document.getElementbyId("demo").innerHTML = x;

更多信息请访问w3cschools page

这会破坏你的代码，它会在你的控制台中看起来像这样：

您将在右侧看到控件。那里有标准控件，例如 hop over、hop in、...

编辑：所以你似乎在重新发明热水。但是，如果您以 jsfiddle 为例，您会发现它确实有效。它IS 调试用户制作的脚本。以this fiddle 为例。打开控制台并运行脚本。您将看到调试器 IS 在脚本上启动。 NOT 在页面上。您只需让用户将debugger; 添加到他们的脚本中，并为您的网页创建一种运行该代码的方式。

【讨论】：

我的网页用于创建 JavaScript 代码，我希望能够调试我的网页创建的 javascript 代码，使用集成调试器将启用我的在线开发环境的调试，而不是我用它创建的脚本
@NadavRub 通常不会。如果您在网页上创建脚本并在您制作的脚本中添加调试器。它只会调试那个脚本而不是你的开发环境。
@NadavRub 我更新了我的答案。如果这不是您要寻找的，我认为没有其他解决方案，因为除了内置之外，我从未使用过/听说过其他 JS 调试器。