javascript - Google Chrome 审查元素，能不能打印JS是什么东西吗？

Question

有没有什么办法能打印一下他这个 n[0] 和 n[1] 是什么吗？

Answer 1

在那里打个断点，等页面暂停到那里的时候你就可以打印了。

Answer 2

在Google Chrome的开发者工具（DevTools）中，确实可以检查、调试以及获取JavaScript变量或对象的信息，包括你想了解的n[0]和n[1]的值。以下是一些步骤和技巧来帮助你实现：

1. 打开开发者工具

• 在Chrome浏览器中，右键点击页面上的任意元素，选择“检查”（Inspect）或者使用快捷键Ctrl+Shift+I（Windows/Linux）或Cmd+Opt+I（Mac）来打开开发者工具。

2. 找到相关的JavaScript代码

• 开发者工具打开后，切换到“Sources”（源代码）标签页。
• 在这里，你可以找到当前页面加载的所有JavaScript文件。找到包含你想要查看的变量n的文件。

3. 设置断点

• 在包含变量n的JavaScript文件中，找到访问或修改n[0]或n[1]的代码行。
• 在该行左侧点击，设置一个断点（会显示一个蓝色或红色的标记）。

4. 触发断点

• 重新加载页面或执行一些操作（如点击按钮），以使浏览器执行到设置断点的那行代码。
• 当执行到断点时，页面会暂停加载，并且开发者工具会自动切换到“Sources”标签页并高亮显示当前执行到的代码行。

5. 查看变量值

• 在“Sources”标签页的右侧，有一个“Scope”（作用域）面板，这里会列出当前作用域内的所有变量和对象。
• 在这个面板中，你应该能找到n变量。点击它旁边的箭头展开，你就可以看到n[0]和n[1]的值了。

6. 使用控制台（Console）

• 如果你不想设置断点，或者只是想快速查看n[0]和n[1]的值，可以直接在“Console”（控制台）标签页中执行以下JavaScript代码：

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

但是，请注意，这种方法要求n变量在当前的作用域内是可访问的。如果n是在某个函数或闭包内部定义的，你可能需要先执行那个函数或调用相关的闭包，才能使n在全局作用域中可见（除非你已经知道如何直接访问它）。

结论

通过上述步骤，你可以在Google Chrome的开发者工具中查看JavaScript变量n的n[0]和n[1]的值。这是调试JavaScript代码时非常有用的功能。