javascript - 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 ，在我的文本编辑器中，我可以在 if 条件之前和之后添加一个 console.log 并找出，但是使用谷歌开发工具也可以吗？我可以在 Chrome 开发工具的 source 选项卡中使用 console.log 吗？

我有兴趣知道是否可以在源选项卡中添加 console.log 语句，然后运行我的代码，以查看日志。

谢谢。

亚历克斯-z。

Answer 1

你一定要看看这个 - https://developers.google.com/web/updates/2019/01/devtools#logpoints

这有助于记录您需要的内容，并且即使重新加载页面，它也会保留。