Javascript调试器在Javascript中实现

Question

用例

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

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

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

Answer 1

JavaScript已经内置了调试器。

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

所以example：

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

w3cschools page

的更多信息

这将破坏您的代码，它将在您的控制台中显示如下：

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

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