i,unbug

Undeniable[Better:见贤思齐,闻庸自省. Unique:独立思索,志在远方. Genuine:谦逊真诚,宽以待人.]

Chrome全平台更至 22版本后,给前端调试带了几个令人兴奋的实用功能

Posted by on Oct 9, 2012 in Web App | 2 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选择器>类别选择器>标记选择器”

同是在上图中,我们也可以看到“鼠标”形状的按钮,就是在样式列表中显示当前元素对应的鼠标四个状态样式的,这个功能早期版本一直有的。

Read More