Debug CSS Google Chrome 版

从 Pranay Joshi 为 chrome 调试 CSS

Debug CSS 是 Google Chrome 的轻量级扩展，可让您查看页面上所有元素的轮廓。对于开发人员、设计人员和游戏制作者来说，这是一个有用的工具，可帮助他们调试网站和应用程序。

使用此扩展程序，您可以轻松查看页面上所有元素的样式。只需单击图标即可将其打开或关闭。

安装后，您可以通过按 Ctrl 按钮并将鼠标悬停在元素上来使用它。您将看到元素名称和值。

元素名称和值将以不同的颜色显示。

这是一个非常有用的工具，可帮助开发人员和设计人员进行调试他们的应用程序和网站。

如何使用？

安装后，您需要在 CSS 文件中添加以下代码：

`

* {

轮廓：1px 纯红色；

}`

您需要确保您拥有最新版本的 Chrome。