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

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《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] 变量的值。

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

以上就是《Chrome审查元素如何打印JS变量值？》的详细内容，更多关于的资料请关注golang学习网公众号！