元素檢查員

單擊“ 選擇頁面中的元素以檢查它” 按鈕位於 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 上閱讀更多內容。