你不知道的 CSS Chrome 开发工具

您是否知道 chrome dev tools 有一个 css 概览面板可以识别 css 中的缺陷？

编辑：

您可能首先需要启用该功能，因为它是一项实验性功能。

• 首先打开你的 Dev-Tools 设置（右侧的⚙️或按 F1）
• 前往实验
• 您应该在这里找到复选框“CSS 概述”

您可以在 chrome 中打开 dev-tools（F12）并选择更多选项（）更多>更多工具> CSS 概述时找到它。

在这里你可以获得页面 css 的高级概述

在颜色部分，您可以看到您使用的所有颜色，它甚至可以显示 CSS 中的不良对比度。

我希望你和我一样学到了一些东西=)

✅ 如果您喜欢这篇文章，您可能会喜欢
我的🏠博客，甚至想在Twitter
📢 上联系💬，以获取有关构建 Web 应用程序或 Saas 开发或💻软件开发的更多信息。