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