抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

在Chrome内核的浏览器中,有个检查网页css样式的小工具,它可以分析整个网站用到的样式情况。

开启方法

  1. 在 DevTools(开发人员工具)里,点击设置(齿轮图标)

C314CB59-FAC0-4C9F-B397-5398D05107BB

  1. 左侧列表找到实验(Experiments),勾选 CSS Overview

97B05860-1B06-430E-B678-1A032798B7F0

  1. 之后便可以在 DevTools 里看见它.

1D9DD1339A5D6EE1F3F93D5560DF4F64

使用体验

首页 - 知乎 (zhihu.com)

打开知乎作为测试,点击捕获概述,会给出很多信息:89203F4613ACFC7B034A3707AF79EA33

点击蓝色,可以看到所有用蓝色的元素,方便取色了,哈哈

image-20211023193727606

评论