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

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《Chrome审查元素如何打印JavaScript变量？》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

google chrome 审查元素中打印 javascript 变量

在审查元素中，有时需要查看 javascript 变量的值。然而，默认情况下，它并不支持打印变量。

如何打印 javascript 变量？

为了打印 javascript 变量，可以在代码中设置断点。当页面在断点处暂停时，可以在控制台中打印变量。

具体步骤如下：

1. 在要打印变量的行上单击以设置断点。
2. 按 f8（或 ctrl+f8）继续执行代码，直到页面在断点处暂停。
3. 在 sources 面板的控制台中，键入 console.log(变量名)（例如，console.log(n[0])）。
4. 按 enter 并在控制台输出中查看变量的值。

示例：

如问题中所示，要在审查元素中打印 n[0] 和 n[1]，可以按以下步骤操作：

1. 在 n[0] 和 n[1] 的代码行上设置断点。
2. 按 f8 继续执行代码，直到页面在断点处暂停。

3. 在控制台中输入：

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

理论要掌握，实操不能落！以上关于《Chrome审查元素如何打印JavaScript变量？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！