V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ourunnet
V2EX  ›  程序员

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

  •  
  •   ourunnet · 2017-08-25 08:48:31 +08:00 · 10671 次点击
    这是一个创建于 2429 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    19 条回复    2019-03-21 11:04:25 +08:00
    cnqncom
        1
    cnqncom  
       2017-08-25 09:08:00 +08:00
    对,我也需要。之前写的 CSS 文件中很多样式,网站改版后很多样式都用不上了。又不敢随便删除 CSS 文件中的样式,生怕删错了。有无这样的工具插件?
    1O
        2
    1O  
       2017-08-25 09:17:09 +08:00   ❤️ 4
    ourunnet
        3
    ourunnet  
    OP
       2017-08-25 09:18:44 +08:00
    @1O 好的,感谢,我去试试
    cnqncom
        4
    cnqncom  
       2017-08-25 09:23:12 +08:00
    @1O 只能一个页面一个页面的去检查?
    Tonni
        5
    Tonni  
       2017-08-25 09:33:56 +08:00   ❤️ 1
    yuxuan
        6
    yuxuan  
       2017-08-25 09:36:58 +08:00
    @1O 还是挺好用的 不过有些动态插入的元素傻了😂
    bzw875
        7
    bzw875  
       2017-08-25 09:43:24 +08:00
    项目里面搜索*.html,*.js,*.css ,如果没引用就删了
    tuibaba
        8
    tuibaba  
       2017-08-25 10:08:48 +08:00
    Firefox 有个插件 Dust-me Selectors
    otakustay
        9
    otakustay  
       2017-08-25 10:09:01 +08:00
    @bzw875 事情并没有这么简单
    a87150
        10
    a87150  
       2017-08-25 10:13:07 +08:00
    不能自己写个文本分析工具?
    cnqncom
        11
    cnqncom  
       2017-08-25 10:13:48 +08:00
    @a87150 如果会就不提问了
    zhs227
        12
    zhs227  
       2017-08-25 10:39:41 +08:00
    没有动态内容的话,chrome 的 audit 工具能看到哪些 CSS 未被引用。有动态内容的话就不行。
    Mutoo
        13
    Mutoo  
       2017-08-25 11:08:16 +08:00   ❤️ 1
    @a87150 #10 不需要自己写啊,现成的 https://github.com/purifycss/purifycss
    zoffy
        14
    zoffy  
       2017-08-25 13:39:11 +08:00
    Chrome CSS Coverage 可以试试
    hareandlion
        15
    hareandlion  
       2017-08-25 13:43:00 +08:00 via iPhone
    没看代码,web 项目的话是不是还需要指定静态资源所在的目录?
    jeneser
        16
    jeneser  
       2017-08-25 17:29:12 +08:00 via Android
    少的话 Chrome 手动删,我是不太相信那些不太合适的工具。

    扯点其他的: 如果到了这种地步,我会花一些时间用 sass 重构,placeholder 以及 mixin,屡试不爽。
    另外,我们很可能一直都在写潦草的 css 代码,bem oocss smacss 也许能减少一些痛苦...
    PanJiaChen
        17
    PanJiaChen  
       2017-08-25 18:33:34 +08:00   ❤️ 1
    intellectual
        18
    intellectual  
       2017-08-25 20:23:20 +08:00
    很久很久很久很久以前,ms 有个 expression web,剑指 dreamviewer,也是很不错;可惜后来死了,lz 一定要找到方法总结下啊。毛毛哒
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2739 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 14:43 · PVG 22:43 · LAX 07:43 · JFK 10:43
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.