本文介绍了一个免费的 Chrome 扩展程序，可在任何网站上即时查看、编辑、导出 CSS。查看网站上任何元素的 CSS 的默认方法是使用检查功能。这对于偶尔使用来说很好，但如果您必须经常查看 CSS，那么它不是一个理想的选择，因为您每次都必须打开“检查”窗口并查找该特定元素的 CSS 代码。CSS Spider 让您轻松多了。这是一个免费的 Chrome 扩展程序，它使用与 Google Chrome 相同的方法来检查网页并更快地获取任何元素的精确 CSS。不仅如此，您还可以编辑 CSS、复制它并将其导出到 Codepen。CSS Spider 适用于每个网站，也可以识别主题。那么，让我们更详细地检查一下。另请阅读：？免费的 CSS 库用图案填充空白背景：Pattern.css在任何网站上即时查看、编辑、导出 CSS使用 CSS Spider 获取网站上任何元素的 CSS 很简单。您所要做的就是在您的 Google Chrome 浏览器中安装扩展程序。您可以从这里获得扩展。安装后，无需设置或任何东西，您只需在任何网站上点击此扩展即可立即查看任何元素的 CSS。当您单击扩展程序时，它会在该网站上运行 CSS Spider。该扩展可以离线工作。您只需将鼠标光标悬停在任何元素上，它的 CSS 就会立即在弹出窗口中弹出。使用网页顶部的暂停按钮，您可以锁定所选元素上的悬停更改，并使用“移动”选项转到下一个元素。弹出窗口显示该元素的 CSS 以及名称、尺寸、字体和字体大小。您可以在弹出窗口中编辑 CSS。编辑 CSS 不会更改网页上的任何内容，它仅供用户使用。从弹出窗口的右上角，您可以将 CSS 复制到剪贴板。左到“复制”，有一个“导出”选项。单击此选项将 CSS 导出到 Codepen。您可以在那里查看元素的 HTML、CSS 和 Javascript，并通过更改代码来实时可视化它。结束语CSS Spider 是一个有用的扩展，可以方便地让 Web 开发人员和设计人员快速获取任何网站上任何元素的 CSS。它比在浏览器中使用“检查”功能要快得多，因此使事情变得简单，同时节省时间。目前，该扩展仅适用于 Google Chrome，并附有在不久的将来将其引入 Safari 和 Firefox 的路线图。
