当前位置
主页 > 成功案例 >
Chrome的新功效:CSS Overview
2022-05-12 00:55
本文摘要:这是Chrome浏览器中的一个新的实验性功效!现在,我们可以相识一个网站上使用的CSS的概况,从颜色的数量到未使用的声明数量......甚至是界说的媒体查询的总数。同样,这是一个实验性的功效。这不仅意味着它仍在举行中,而且意味着你必须启用它才气在DevTools中开始使用它。打开DevTools(在Mac上为Command + Option + I;在Windows上为Control + Shift + I)转到DevTool Settings(在Mac上为?

ror体育

这是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,第一时间阅读最新文章,会优先两天揭晓新文章。

关注后私信回复:大礼包,送某网精品视频课程网盘资料,准能为你节约不少钱!。


本文关键词:Chrome,的,新功效,新,功效,CSS,ror体育官网,Overview,这是,Chrome

本文来源:ror体育-www.hdbyqc.com

联系方式

电话:044-635689978

传真:040-60488990

邮箱:admin@hdbyqc.com

地址:重庆市重庆市重庆区最央大楼298号