Posted on 2012-10-09 11:39
∪∩BUG 閱讀(312)
評論(0) 編輯 收藏
Posted by unbug on Oct 9, 2012 in Web App | 0 comments
Chrome全平臺已經更新版版本 22.0.1229.79，給前端調試帶了幾個另人興奮的功能：
1.Elements面板，右鍵元素節點選擇“Scroll Into View”，可以快速在頁面視圖中快速定位到當前節點
2.Elements面板，右鍵元素節點選擇“Break on…”則可以監聽元素子元素變化，屬性變化，節點被移除時觸發斷點debug
3.Elements面板，右鍵元素節點選擇“Force Element State”則可以應用元素的“:active,:hover,:focus,:vistied”狀態，同時這些狀態是可以組合使用而且保持著的
4.Elements面板，選中元素節點，在右則的樣式版本中點擊“+”號，就可以依元素的選擇器生成對應的樣式，生成優先級“ID選擇器>類別選擇器>標記選擇器”
同是在上圖中，我們也可以看到“鼠標”形狀的按鈕，就是在樣式列表中顯示當前元素對應的鼠標四個狀態樣式的，這個功能早期版本一直有的。
http://www.iunbug.com/archives/2012/10/09/455.html