看一个小软件,压缩HTML的,比较有意思,就下载试用了一下,还不错额,一般都能压缩10%以上。别小看这10%的HTML,把网站其他图片JSCSS一起算进来,至少能给你节约1%的带宽。

不过,我转载的最重要的原因是支持原创~~ 毕竟刚做的,可能存在BUG

原文:http://www.cnblogs.com/sohighthesky/archive/2010/05/14/uedsky-html-compressor.html

下载试用:Uedsky HtmlCompressor(应该至少需要 .net 2.0才能运行)
程序版本:1.0.0.0

1.前言

写这个小工具是因为我的首页要用,看到很多地方(baidu,google等首页)提到Html压缩,但是好像没有见过哪里有工具可以下载,所以就 想到自己写,一般情况下情况下只用压缩首页,或者生成静态页后可以压缩,就这个小工具来说,我写正则也没有考虑到效率(css部分参考yui compressor只顾到了程序可读性)(认为Html不需要压缩的飘过)。

2.压缩比率

个人觉得Html文件还是有必要压缩的,使用这个小工具Cnblogs的首页可以压缩18%,我的首页也可以压缩15%;

3.特点:无损压缩

由于 pre,textarea中的换行等内容会直接显示,所以不对其压缩,script标签由于js压缩比较复杂这里就不处理,如果内联javascript 文件比较多,请先使用yui compressor压缩后放到页面里,压缩style标签里的css(核心参照yui compressor的源码),程序执行步骤如下:

1.正则(?is)<!–(?![if).*?–>匹配注释,将所有html注释去掉,这里排除右边为[if的,防止 将ie条件注释压缩掉

2.然后(?is)<(pre|script|style|textarea)[^>]*>.*?,将这些标 签里内容提出来保存,防止替换时出错

3.将html标签之间的空白去掉:(?<=<[^>]+>)s+(?=<[^>]+>)

4.去掉所有的换行:[rn]+

5. 然后执行一个可选项:是否将多个空白换成一个,在Html中多个空白会解析成一个,所以默认为true

6.然后恢复保存的pre等标签内容

7.执行css压缩(步骤比较多就不列出来了,可以看yui compressor的源码)(这个也是可选项,如果没有内联的css或者是已经压缩过可以不选)

最后,欢迎大家使用,有问题可以留言!

本教程主要介绍HTML网页如何取得形如test.html?foo=mytest的foo参数,以及在HTML网页中如何向swf传递参数。

一、在HTML网页中使用js获取参数。
我们知道HTML页面是在客户端执行的,这样要获取参数必须使用客户端脚本(如Javascript),在这点上不同于服务器端脚本获取参数方式。下面的这段js代码获取HTML网页形如”test.html?foo=mytest&program=flash” “?”后所有参数。


<script language=javascript>
<!--
	var hrefstr,pos,parastr;
	hrefstr = window.location.href;
	pos = hrefstr.indexOf("?");
	parastr = hrefstr.substring(pos+1);
	if (pos>0){
		document.write("所有参数:"+parastr);
	} else {
		document.write("无参数");
	}
//-->
</script>

下面的这段js代码则可以更加细化获取HTML网页某一参数


<script language=javascript>
<!--
	function getparastr(strname)
	{
		var hrefstr,pos,parastr,para,tempstr;
		hrefstr = window.location.href;
		pos = hrefstr.indexOf("?")
		parastr = hrefstr.substring(pos+1);
		para = parastr.split("&");
		tempstr="";
		for(i=0;i<para.length;i++)
		{
			tempstr = para[i];
			pos = tempstr.indexOf("=");
			if(tempstr.substring(0,pos) == strname)
			{
			return tempstr.substring(pos+1);
			}
		}
		return null;
	}
// 获取program参数
	var programstr = getparastr("program");
	document.write(programstr);
//-->
</script>

二、在HTML网页中向swf传递参数。
方法一:在网页中使用js,SetVariable设置flashobject中的变量,代码如:
// “HtmlToSwf”为网页中的flashobject
IDHtmlToSwf.SetVariable(“_root.info_str”,”Happy Newyear”);
方法二:路径参数,如test.swf?foo=happy2005
方法三:使用FlashVars,以下主要介绍FlashVars的用法。使用FlashVars后嵌入HTML的flashobject代码如下:


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400" id="FlashVars" align="middle">
<param name="allowscriptAccess" value="sameDomain" />
<param name="movie" value="FlashVars.swf" />
<param name="FlashVars" value="foo=happy2005&program=flash&language=简体中文-中国" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="FlashVars.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="FlashVars" align="middle" allowscriptAccess="sameDomain" FlashVars="foo=happy2005&program=flash&language=简体中文-中国" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

通过上面的代码,在SWF(FlashVars.swf)中就可以直接获取foo、program、language变量数据。FlashVars.fla获取FlashVars参数的代码如下:


// 创建三个文本字段 
_root.createTextField("foo_txt",1,0,0,16,16);
_root.createTextField("program_txt",2,0,32,16,16);
_root.createTextField("language_txt",3,0,64,16,16);
foo_txt.autoSize = true;
foo_txt.border = true;
program_txt.autoSize = true;
program_txt.border = true;
language_txt.autoSize = true;
language_txt.border = true;
// 获取FlashVars变量
foo_txt.text = "HTML中的foo参数:"+foo;program_txt.text = "HTML中的program参数:"+program;
language_txt.text = "HTML中的language参数:"+language;

三、两者的有效结合。
在HTML网页中使用js获取参数,然后将获取的参数作为FlashVars写入flashobject传递给swf。代码如下:


<script language=javascript>
<!--
function writeflashobject(parastr) 
{
	document.write("<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0 width="550" height="400" id="FlashVars" align="middle">n");
	document.write("<param name="allowscriptAccess" value="sameDomain" />n");
	document.write("<param name="movie" value="FlashVars.swf" />n");
	document.write("<param name="FlashVars" value=""+ parastr +"" />n");
	document.write("<param name="quality" value="high" />n");
	document.write("<param name="bgcolor" value="#ffffff" />n");
	document.write("<embed src="FlashVars.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="FlashVars" align="middle" allowscriptAccess="sameDomain" FlashVars=""+ parastr +"" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />");
	document.write("</object>");
}
function getparastr()
{
	var hrefstr,pos,parastr,para,tempstr1;
	hrefstr = window.location.href;
	pos = hrefstr.indexOf("?") parastr = hrefstr.substring(pos+1);
	return parastr;
}
var parastr = getparastr();
writeflashobject(parastr);
//-->
</script>