建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > css教程 >

提取页面用到的CSS样式之雏形想法

时间:2010-06-09 22:32来源: 作者: 点击:
假定有一个页面A.aspx和一个样式表文件Style.css,经过多人多次的修改,Style.css中积累了大量的冗余样式,那么我现在想要知道的是,在A.aspx中用到了Style.css中的哪些样式。在搜索引擎上也看到会有一些类似这样的问题,当然,很久之前我也这么想过。

先有这么一个想法

假定有一个页面A.aspx和一个样式表文件Style.css,经过多人多次的修改,Style.css中积累了大量的冗余样式,那么我现在想要知道的是,在A.aspx中用到了Style.css中的哪些样式。在搜索引擎上也看到会有一些类似这样的问题,当然,很久之前我也这么想过。

 

如果有这么一个工具或快捷的方法

1.多人多次的修改再也不害怕了。

2.样式表文件简捷苗条美丽动人,没有赘肉。

3.还适用于页面重构,区分公有和私有样式。

4.制作多模版,我现在要做的就是这个。

5.更多...

 

我现在使用的懒办法

复制解析后的HTML代码(解析前不一定包含全部样式)到RegexTester,编写正则表达式运行,这时已经得到了我们想要的结果。

因为有重复的样式,将结果复制到Excel中进行筛选,接下来就是手工去Style.css文件中对照着提取了。

同样的,也可以提取写死在页面中的样式,比如<span style="color:#000000;">测试</span>。

 

再智能一点的话

直接将HTML代码复制到文本框,选择要提取的一个或多个样式表文件,点一下按钮,一边正则匹配一边读取样式文件,然后输出两部分内容,一部分是用到的,一部分是没用的,毕竟就算不用了要抛弃,多看两眼也没坏处。懒人总是会想一些懒办法来达到自己的目的,不过实现起来可能复杂些,尤其是根据匹配出的样式名称从样式表文件中分离的步骤。

 

提取效果

可以看到有两条postHeader的匹配结果。

 

会不会还有更好的解决方法或一些杂七杂八的想法,欢迎参与讨论。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片