css - 找出给定页面上使用的 CSS 样式

标签 css http styles

我有一个包含多个样式表的页面,其中的大部分样式实际上并未在该页面中使用(已弃用等)。我想导出一个新的样式表,其中包含页面上实际使用的所有样式。有办法做到这一点吗?

最佳答案

我遇到了同样的问题,由于我需要分析的页面是仅限登录的,并且是为了工作,所以我无法向外部应用程序提供我的登录信息(这就是 unused-css.com 抓取页面的方式)在登录墙后面)。

我找到了两个 Chrome 扩展程序:

  1. CSS Remove and Combine
  2. unusedCSS

我只用了第一个,因为它的效果很好。它计算页面上的 CSS 元素,告诉我有多少已使用和未使用,并让我下载所有已使用元素的样式表。它似乎不包括浏览站点和累积所见元素的功能,它只是逐页进行,但它仍然让我将 450 减少到 150。

关于css - 找出给定页面上使用的 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15770138/

相关文章:

css - 垂直对齐 :middle changes containing div's position

html - 将图像对齐到文本框的右侧

c# - 如何将 "Clear"按钮添加到 WPF 中的文本框?

python - Pandas DataFrame .style.format 不工作

html - 指定 MIME 类型与不指定 MIME 类型的区别?

html - 有没有一种方法可以缩放站点以适应所有屏幕并且仍然显示所有内容而无需滚动条?

html - 如何使通知在 css 上可滚动为 fb

http - 如何在不同的方案 (http/https) 下访问 HTML5 session 存储

c - SOCK_STREAM 上的 Http 服务器 - 何时结束连接?

mysql - Heroku 有没有办法连接到远程 MySQL 数据库?