大家是如何清除多余 css 的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2654 天前的主题，其中的信息可能已经有所发展或是发生改变。

随着网站运营时间增加，html、css 的不断修改调整，导致好多多余 css 代码，有没有一键清除的那种插件，求一个。

CSS

清除

HTML

插件

19 条回复 • 2019-03-21 11:04:25 +08:00

cnqncom

2017-08-25 09:08:00 +08:00

对，我也需要。之前写的 CSS 文件中很多样式，网站改版后很多样式都用不上了。又不敢随便删除 CSS 文件中的样式，生怕删错了。有无这样的工具插件？

2017-08-25 09:17:09 +08:00

https://uncss-online.com

ourunnet

2017-08-25 09:18:44 +08:00

@1O 好的，感谢，我去试试

cnqncom

2017-08-25 09:23:12 +08:00

@1O 只能一个页面一个页面的去检查？

Tonni

2017-08-25 09:33:56 +08:00

Chrome built-in code coverage inspector - https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage

yuxuan

2017-08-25 09:36:58 +08:00

@1O 还是挺好用的不过有些动态插入的元素傻了😂

bzw875

2017-08-25 09:43:24 +08:00

项目里面搜索*.html,*.js,*.css ，如果没引用就删了

tuibaba

2017-08-25 10:08:48 +08:00

Firefox 有个插件 Dust-me Selectors

otakustay

2017-08-25 10:09:01 +08:00

@bzw875 事情并没有这么简单

a87150

2017-08-25 10:13:07 +08:00

不能自己写个文本分析工具？

cnqncom

2017-08-25 10:13:48 +08:00

@a87150 如果会就不提问了

zhs227

2017-08-25 10:39:41 +08:00

没有动态内容的话，chrome 的 audit 工具能看到哪些 CSS 未被引用。有动态内容的话就不行。

Mutoo

2017-08-25 11:08:16 +08:00

@a87150 #10 不需要自己写啊，现成的 https://github.com/purifycss/purifycss

zoffy

2017-08-25 13:39:11 +08:00

Chrome CSS Coverage 可以试试

hareandlion

2017-08-25 13:43:00 +08:00 via iPhone

没看代码，web 项目的话是不是还需要指定静态资源所在的目录？

jeneser

2017-08-25 17:29:12 +08:00 via Android

少的话 Chrome 手动删，我是不太相信那些不太合适的工具。

扯点其他的: 如果到了这种地步，我会花一些时间用 sass 重构，placeholder 以及 mixin，屡试不爽。
另外，我们很可能一直都在写潦草的 css 代码，bem oocss smacss 也许能减少一些痛苦...

PanJiaChen

2017-08-25 18:33:34 +08:00

推荐用 https://github.com/ben-eb/cssnano

intellectual

2017-08-25 20:23:20 +08:00

很久很久很久很久以前，ms 有个 expression web，剑指 dreamviewer，也是很不错；可惜后来死了，lz 一定要找到方法总结下啊。毛毛哒

xomix

2019-03-21 11:04:25 +08:00

@intellectual https://www.microsoft.com/en-us/download/details.aspx?id=36179

https://docs.microsoft.com/zh-cn/previous-versions/visualstudio/design-tools/expression-studio-3/cc296395(v=expression.30)

就……还能用的样子？？