如何找出无用的、重复的CSS?_html/css_WEB-ITnose
程序员文章站
2022-06-02 13:26:47
...
第一次做前端开发。刚入职,分配给我的任务是找出一个ThinkPHP做的网站的无用和重复的CSS。
我的思路是:用火狐插件找出每个页面没有用到的css,然后分析哪些css在所有页面都没用到。
请教大家,有没有好的方法?
我的思路是:用火狐插件找出每个页面没有用到的css,然后分析哪些css在所有页面都没用到。
请教大家,有没有好的方法?
回复讨论(解决方案)
firefox下有个css usage的插件。瞅瞅
找是不太现实的,最笨最快的办法是重写一遍,这样才能有效的组织html,css。
css usage也只是本页面,而不是本站,所以你懂的这个没办法量化。
最快的确实是重写。。。
就是css文件不导入 新建一个 然后参照FF debug 一个个写
或者你可以选择这么做 打开CSS文件 用编辑器的搜索 如果页面上没出现对应的 选择器的内容就去掉
谢谢大家!我也觉得这个任务真蛋疼
推荐阅读
-
如何快捷找出电脑内的重复文件(两个工具)
-
Android webview如何加载HTML,CSS等语言的示例
-
html5+css如何实现中间大两头小的轮播效果
-
【实战】如何通过html+css+mysql+php来快速的制作动态网页(以制作一个博客网站为列)
-
html5\CSS3有哪些新特性、移除了哪些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
-
如何使用php脚本给html中引用的js和css路径打上版本号
-
在HTML5中如何使用CSS建立不可选的文字
-
运用HTML5+CSS3和CSS滤镜做的精美的登录界面,无用到图片的
-
HTML/CSS中的空格处理\_如何保留页面中的空格
-
2020-07-21 html5如何监听veido的全屏 + css的字体间距 + JS的window.open() + 软技能svn与git