Chrome的新功效：CSS Overview‘开云手机版app下载’

这是Chrome浏览器中的一个新的实验性功效！现在，我们可以相识一个网站上使用的CSS的概况，从颜色的数量到未使用的声明数量......甚至是界说的媒体查询的总数。同样，这是一个实验性的功效。这不仅意味着它仍在举行中，而且意味着你必须启用它才气在DevTools中开始使用它。打开DevTools（在Mac上为Command + Option + I；在Windows上为Control + Shift + I）转到DevTool Settings（在Mac上为？或Function + F1；在Windows上为？或F1）点击打开Experiments（实验）部门启用CSS Overview （CSS概述选项）当设置关闭时，我们在DevTools菜单托盘中获得一个新的 “CSS Overview” 标签。

如果你没有看到它，请确保它没有隐藏在溢出菜单中。注意，陈诉被分成许多部门，包罗颜色、字体信息、未使用的声明和媒体查询。这是在我们的指尖就能获得的少量空间中的大量信息。

这很漂亮，对吧？我喜欢这样的工具开始进入浏览器。想想这不仅能资助我们作为前端，还能资助我们与设计师互助。好比，设计师可以打开这扇门，开始检查我们的事情，以确保从调色板到字体客栈的所有工具都井然有序。

本文首发于民众号《前端全栈开发者》ID：by-zhangbing-dev，第一时间阅读最新文章，会优先两天揭晓新文章。关注后私信回复：大礼包，送某网精品视频课程网盘资料，准能为你节约不少钱！。

本文来源：开云手机版app下载-www.satomaya.com