如何在 Chrome 开发者工具中的一行中设置两个断点?

如何在 Chrome 开发者工具中的一行中设置两个断点?

尝试调试一些 JavaScript。在 Internet Explorer(您知道,每个人都喜欢的浏览器吗?)中,在一行中设置两个断点非常容易。假设 HTML 源代码中的行如下所示:

<script type="text/javascript">function something() {alert("foo");}</script><script type="text/javascript">function somethingelse() {alert("bar");}</script>

在 IE 中,我可以直接单击右键 > 设置断点,也可以单击两个警报并点击F9。然后调试器将进入两个断点。

在 Chrome 中我无法做到这一点。没有鼠标右键 > 设置断点,并且CTRL+B始终会为整行设置/删除断点。在右侧的断点面板中,我可以看到断点有列,但没有手动编辑这些列的方法(尽管我不想通过计数来找出列)。

我不知道如何使用 Chrome,或者 Chrome 中不可能在一行中设置多个断点?

答案1

使用Pretty print按钮美化 JS 代码。然后在单独的行上应用断点。

以下是一个演示: Chrome 开发者工具 - 漂亮的打印按钮

相关内容