酷!Chrome浏览器 canary 版本的开发者工具支持鼠标悬停查看样式

前言

众所周知,我们开发过程中,尤其是前端开发人员,浏览器的开发者工具是必不可少的一个工具,它可以非常的方便的帮助我们来调试样式,Chrome浏览器的canary版本支持鼠标悬停直接就能查看样式了,简直是前端开发者的福音,以后调试更方便了。

下载安装

canary版本需要单独下载,然后安装了才有这个酷毙的新功能。

下载链接:Chrome canary版本

查看使用

下载安装完,我们打开canary版本的浏览器,顶部导航栏选择更多》帮助》关于Google Chrome可以查看下浏览器的版本,如图所示是canary版本没错:


随便打开一个网站,按F12打开开发者工具,看图示:


然后,鼠标随便移到网页的任何一处元素上,可以实时的看到该元素的样式属性了,看图:


简直不要太方便哈,大家也抓紧下载体验下吧!

来张动图体验下: