Chrome全平臺已經(jīng)更新版版本 22.0.1229.79，給前端調(diào)試帶了幾個另人興奮的功能：

1.Elements面板，右鍵元素節(jié)點選擇“Scroll Into View”，可以快速在頁面視圖中快速定位到當前節(jié)點

2.Elements面板，右鍵元素節(jié)點選擇“Break on…”則可以監(jiān)聽元素子元素變化，屬性變化，節(jié)點被移除時觸發(fā)斷點debug

3.Elements面板，右鍵元素節(jié)點選擇“Force Element State”則可以應(yīng)用元素的“:active,:hover,:focus,:vistied”狀態(tài)，同時這些狀態(tài)是可以組合使用而且保持著的

4.Elements面板，選中元素節(jié)點，在右則的樣式版本中點擊“+”號，就可以依元素的選擇器生成對應(yīng)的樣式，生成優(yōu)先級“ID選擇器>類別選擇器>標記選擇器”

同是在上圖中，我們也可以看到“鼠標”形狀的按鈕，就是在樣式列表中顯示當前元素對應(yīng)的鼠標四個狀態(tài)樣式的，這個功能早期版本一直有的。