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

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

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

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

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

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