火狐体育全站app-手机版登录 027-525095310

Chrome的新功效:CSS Overview

作者:火狐体育全站app 时间:2022-11-08 00:22
本文摘要:这是Chrome浏览器中的一个新的实验性功效!现在,我们可以相识一个网站上使用的CSS的概况,从颜色的数量到未使用的声明数量......甚至是界说的媒体查询的总数。同样,这是一个实验性的功效。 这不仅意味着它仍在举行中,而且意味着你必须启用它才气在DevTools中开始使用它。打开DevTools(在Mac上为Command + Option + I;在Windows上为Control + Shift + I)转到DevTool Settings(在Mac上为?

火狐体育全站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,Chrome,的,新功效,新,功效,CSS,Overview,这是,Chrome

本文来源:火狐体育全站app-www.mail58.com