咨询热线

0898-08980898

新闻资讯
您当前的位置: 首页 > 新闻资讯
公司动态 行业新闻

Chrome的新功效:CSS Overview:威尼斯网站

时间:2021-11-17
更多
  

本文摘要:这是Chrome浏览器中的一个新的实验性功效!现在,我们可以相识一个网站上使用的CSS的概况,从颜色的数量到未使用的声明数量......甚至是界说的媒体查询的总数。

威尼斯网站

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

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


本文关键词:威尼斯网站

本文来源:威尼斯网站-www.dreamv-tw.com

地址:海南省海口市沈北新区仁方大楼19号   电话:14271328896
传真:0896-98589990
ICP备案编号:ICP备77046477号-7
Copyright © 2004-2021 www.dreamv-tw.com. 威尼斯网站科技 版权所有