Helium帮你找出页面上无用的CSS样式
我最无法忍受的一个事情就是多余的代码。不论是页面中的CSS还是JavaScript,还是浮肿的HTML代码或没有优化的**,这是我们的懒惰和错误让成千上万的访问用户受连累。有一个非常棒的工具,叫做Helium,它能帮助程序员找出样式表中无用的或有问题的样式规则。让我们来**是如何使用它!
第一步是把这个脚本嵌入到你的页面中,在脚本加载后初始化它:
当这个页面加载完成后,你就能看到一个文本框,在这个文本框里输入你要**的页面的url。这些页面会被抓取,分析,并生成一份报告,里面详细的列出无用的样式规则、有问题的样式选择器、以及需要手工**的伪元素选择器:
官方主页
第一步是把这个脚本嵌入到你的页面中,在脚本加载后初始化它:
- <script type="text/javascript" src="js/lib/helium-css/helium.js" onload="helium.init()" async></script>
当这个页面加载完成后,你就能看到一个文本框,在这个文本框里输入你要**的页面的url。这些页面会被抓取,分析,并生成一份报告,里面详细的列出无用的样式规则、有问题的样式选择器、以及需要手工**的伪元素选择器:
官方主页
Helium是一个出**的帮你找到无用CSS样式的好工具。程序员可以根据Helium**的**,**无用的CSS样式。十分适合程序员快速的对他们的CSS代码进行优化。事实上,我还没发现有比这个更简单更实用的工具。你也试试吧!
【Helium帮你找出页面上无用的CSS样式】相关文章
3. HTML5每日一练之Canvas标签的应用-在页面上放置Canvas
7. -prefix-free:帮你从 CSS 前缀的地狱中解脱出来
10. 8款超酷而实用的CSS3按钮动画
本文来源:https://www.51html5.com/a1017.html
﹝Helium帮你找出页面上无用的CSS样式﹞相关内容
- WEB前端使用的CSS3选择器
- Web开发中20个很有用的CSS库
- 8款超酷实用的CSS3 Tab菜单集合
- The Jumper
- Numbers Fisher
- Titannium平台开发商Appcelerator融资1500万美元
- HTML 5特效页面及js测试页面汇总推荐
- 页面前端的水有多深?再议页面开发
- CSS中的ul与li样式用法详解
- 20种炫酷CSS3按钮样式和鼠标滑过特效