大家是如何清除多余 css 的? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
请不要在回答技术问题时复制粘贴 AI 生成的内容
ourunnet

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

  •  
  •   ourunnet Aug 25, 2017 11548 views
    This topic created in 3169 days ago, the information mentioned may be changed or developed.

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

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

    扯点其他的: 如果到了这种地步,我会花一些时间用 sass 重构,placeholder 以及 mixin,屡试不爽。
    另外,我们很可能一直都在写潦草的 css 代码,bem oocss smacss 也许能减少一些痛苦...
    PanJiaChen
        17
    PanJiaChen  
       Aug 25, 2017   1
    intellectual
        18
    intellectual  
       Aug 25, 2017
    很久很久很久很久以前,ms 有个 expression web,剑指 dreamviewer,也是很不错;可惜后来死了,lz 一定要找到方法总结下啊。毛毛哒
    About     Help     Advertise     Blog     API     FAQ     Solana     3162 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 80ms UTC 14:12 PVG 22:12 LAX 07:12 JFK 10:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86