在chrome开发工具内的Console.log，在源码选项卡中。

Question

我只是在玩jBox.js，我检查了下面几行代码。

if (this.options.position[p] == 'center') {
        this.pos[a] += Math.ceil((this.targetDimensions[p] - this.dimensions[p]) / 2);
        return;
}

现在代码的写法是在上面的代码执行之前，将值 this.pos[a] 是 18 而在代码执行后， this.pos[a] 是 25 在我的文本编辑器中，我可以添加一个 console.log 前和后的if条件，并找出，但同样的可能使用谷歌开发工具？我可以 console.log 里面 source 在chrome开发工具中的选项卡？

我有兴趣知道，如果我可以添加一个控制台.日志语句在源标签和比运行我的代码，看到的日志。

谢谢你。

Alex-z.

Answer 1

是的，你可以在源标签中 "拦截 "javascript代码的执行.你可以点击行号，当你刷新页面时，如果开发者工具被打开，它将在该点停止。请看附图示例，它会暂停在 第二十四行 然后如果你切换到控制台标签，你就可以改变任何你想要的变量。

所以总的来说，有时候你甚至不需要使用 console.log()

1. 您可以利用断点
2. 你也可以直接把代码 调试器。 就会停在那里。试试这个一。

DevTools对我们来说是一个非常有用的工具，试着了解一下它的功能，才能最大限度的发挥它的作用。

Answer 2

当你运行 console.log() 在Google Chrome浏览器中，它显示在控制台选项卡中的开发者工具中。

Answer 3

你一定要看看这个 - https:/developers.google.comwebupdates201901devtools#logpoints。

这有助于记录你所需要的东西，即使页面被重新加载，它也会保留下来。