元素检查员

单击“ 选择页面中的元素以检查它” 按钮位于 Chrome 中的元素选项卡的左上角或 Firefox 中的检查器选项卡中，可从开发人员工具中获取，然后单击该页面的元素[将]({{突出显示该元素并将其分配给 $0 变量 。 <http://i.stack.imgur.com/uD8b5.png) **

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

1. 你可以检查你的 JS 是否按照你期望的方式操作 DOM，
2. 在查看哪些规则影响元素时，你可以更轻松地调试 CSS
   （ Chrome 中的样式选项卡）
3. 你可以在不重新加载页面的情况下使用 CSS 和 HTML。

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

你可以在 Google Developers 上阅读更多内容。