我最无法忍受的一个事情就是多余的代码. 不论是页面中的 CSS 还是 JavaScript, 还是浮肿的 html 代码或没有优化的图片, 这是我们的懒惰和错误让成千上万的访问用户受连累. 有一个非常棒的工具, 叫做 Helium https://github.com/geuis/helium-css , 它能帮助程序员找出样式表中无用的或有问题的样式规则. 让我们来看看是如何使用它!
官方主页 HTTPS://GitHub.COM/GEUIS/HELIUM-CSS
第一步是把这个脚本嵌入到你的页面中, 在脚本加载后初始化它:
<script type="text/javascript" src="js/lib/helium-css/helium.js" onload="helium.init()" async></script>
当这个页面加载完成后, 你就能看到一个文本框, 在这个文本框里输入你要测试的页面的 url. 这些页面会被抓取, 分析, 并生成一份报告, 里面详细的列出无用的样式规则, 有问题的样式选择器, 以及需要手工测试的伪元素选择器:
官方主页 HTTPS://GitHub.COM/GEUIS/HELIUM-CSS
Helium 是一个出色的帮你找到无用 CSS 样式的好工具. 程序员可以根据 Helium 提供的信息, 删除无用的 CSS 样式. 十分适合程序员快速的对他们的 CSS 代码进行优化. 事实上, 我还没发现有比这个更简单更实用的工具. 你也试试吧!
(英文: Detect Unmatched CSS Selectors with Helium.)
来源: http://www.webhek.com/post/detect-unmatched-css-selectors.html