你可以通过chrome dev工具（控制台）创建的功能吗？

Question

您可以使用chrome的开发工具单步执行并编辑js文件中的某些代码。

您也可以在开发工具中添加和运行一个功能，只需将其输入控制台即可。

如果您输入如下所示的无效代码，控制台将抛出错误并使用该代码创建一个VM ###文件，并告诉您错误发生在哪一行。

function a() {
  console.log(v);
}

Uncaught ReferenceError: v is not defined
at a (<anonymous>:2:15)
a @ VM243:2

如果您单击 VM243：2 ，它将转到VM文件，您可以在那里单步执行代码，但它不允许您编辑它（而且，使用js文件，您可以编辑它）

是否可以使用您可以编辑的代码手动创建VM文件，以便您可以在控制台中快速测试和逐步执行代码？

或者如果我以错误的方式解决这个问题，是否有一种简单的方法来逐步执行代码？ （将一个js文件添加到chrome并以某种方式执行函数）

Answer 1

您可以创建snippet来执行此操作。

默认情况下，虽然它们仍然出现在控制台中，但默认情况下会发现片段中出现的异常。但是，您可以启用＆＃34;中断捕获的异常＆＃34;暂停在片段中。

Answer 2

是的，您可以：

function a() {
  debugger
  console.log(v);
}

debugger在代码中创建一个断点。从这里您可以轻松地逐步执行代码。