Chrome审查元素如何打印JS变量值？

google chrome 审查元素中的 JS 打印技巧

在 google chrome 的审查元素工具中，无法直接打印 js 变量的值。不过，可以通过以下方法获取 js 变量的打印输出：

使用断点

可以在感兴趣的代码行打一个断点。当页面暂停在该断点处时，可以在控制台中打印变量的值：

1. 在审查元素中导航到源代码选项卡。
2. 在右侧窗口中找到要打断的代码行。
3. 在该行号旁单击以添加断点（红色圆点）。
4. 刷新页面或触发断点条件。
5. 页面将暂停在断点处。
6. 在控制台中，输入以下代码进行打印：

console.log(n[0]); console.log(n[1]);

这将打印 n[0] 和 n[1] 变量的值。

此方法的优点在于它可以在页面执行到感兴趣的代码行时准确打印变量的值。缺点是需要频繁地刷新或触发事件才能查看不同值的变化情况。