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

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

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

你可能感兴趣的:(Chrome全平台更至 22版本后,给前端调试带了几个另人兴奋的实用功能)