JavaScript 元素检查器

示例

单击“开发人员工具”中的“ Chrome中的元素”选项卡或Firefox中的“检查器”选项卡左上角的“ 选择页面中的元素进行检查”按钮，然后单击页面中的元素以突出显示该元素并将其分配给该$0变量。

元素检查器可以以多种方式使用，例如：

1. 您可以检查您的JS是否按照您期望的方式操作DOM，

2. 当查看哪些规则会影响元素时，您可以更轻松地调试CSS
   （Chrome中的“样式”标签）

3. 您可以使用CSS和HTML，而无需重新加载页面。

此外，Chrome还会记住“元素”标签中的最后5个选择。$0是当前选择，$1而是上一个选择。您可以上去$4。这样，您可以轻松调试多个节点，而无需不断地将选择切换到它们。

您可以在Google Developers上了解更多信息。