使用实时表达式实时观察 JavaScript 值

凯切·巴斯克斯
Kayce Basques
Twitter GitHub Glitch
索菲亚·埃梅利安诺娃
Sofia Emelianova
GitHub

如果您发现自己在控制台中反复输入相同的 JavaScript 表达式，则可能会发现创建实时表达式更简单。使用实时表达式时，您只需输入一次表达式，然后将其固定在控制台顶部。表达式的值近乎实时地更新。

创建实时表达式

如需将表达式固定到控制台顶部，请执行以下操作：

  1. 打开控制台。

  2. 点击 创建实时表达式。 创建实时表达式。将显示实时表达式文本框。

  3. 在文本框中输入您的表达式。例如，您可以使用实时表达式来跟踪元素焦点。

    在“实时表达式”文本框中输入 document.activeElement。

  4. 按 Enter 保存表达式，或点击实时表达式文本框外部。

固定表达式下方的值就是它的结果。结果每 250 毫秒更新一次。

添加多个表达式

如要同时固定多个表达式，请根据需要多次点击 创建实时表达式。 创建实时表达式按钮。

一次只能查看多个固定的表达式，但您可以滚动表达式列表查看所有这些表达式。

滚动固定的表达式列表。

移除表达式

要移除表达式，请点击表达式旁边的 “关闭”按钮。关闭按钮。