在chrome控制台上调试javascript函数

关于在chrome控制台中调试的两个问题：

如何在运行中调试直接在chrome控制台中编写的函数？ 比如说

我想设置断点等等

如何在控制台中为缩进创建选项卡

谢谢。

1.可能有人有更好的解决方案。尝试： 在您的控制台中，然后按F11两次，您将被导航到VMxxxx选项卡，您可以在那里添加断点，它将被保留

i、 e.下次在控制台中运行

say（）

时，将触发断点

---

2.我也没有想出一个方法，但你可以尝试

Shift+Enter

打开一行并用空格标识，或者从其他地方复制一个“选项卡”（文本编辑器）并粘贴到chrome中。现在你可以在chrome控制台中直接编写函数并调试它们

**Chrome开发工具->源->代码片段

---

您可以在那里编写任何代码，设置断点，然后按Ctrl+Enter键运行它。

为了补充Kevin给出的答案，这里有一个交易：

命令

调试器将触发“暂停到调试器源”窗口

您可以将函数更改为

function say(){
  debugger;
  console.log("hello");
  console.log("test");
}

下次执行函数时，它将在开始处暂停

您还可以键入
调试器；say（）
您可以尝试此技巧，导航到以下位置

Chrome开发工具->源->代码片段->新代码片段

为代码段命名，并在编辑器（右侧面板）中添加脚本，然后使用CTRL+S保存它

现在添加了代码段，您可以在新添加的代码段上单击右键，然后单击->运行

添加断点并调用该方法，调试完成后，您可以删除代码段，如果您在创建代码段时遇到问题，请检查该方法。现在您可以使用
debug（）

debug（比如说）


OSX上的“按f11两次”是什么？你在哪里找到新脚本的？只有打开的文件打开的文件是在汉堡菜单的来源。内容脚本隐藏在双箭头后面。现在在“代码段”下，在“双箭头源”菜单中的“脚本”旁边。当我尝试此操作时，断点未命中-一定有什么诀窍？每次运行代码段时，它都会在单独的vm中运行。虚拟机应该有一个选项卡。你可以在那里设置断点。太棒了！作品下次调用该函数时，它将转到调试器；
debugger;say()

function say(){
  debugger;
  console.log("hello");
  console.log("test");
}