判断浏览器是否缩放

　　这是一个困扰我一周的问题了，不过现在终于在@的协助下解决了，下面先描述下问题吧。大家在浏览QQ空间的时候，通过浏览器，或者按住ctrl+鼠标滚轮进行页面缩放，页面上会有个很友好的提示，如：

　　开始，我以为是通过判断窗口宽高，但发现缩放后的宽高和原先的宽高是一样的。失败。

　　然后，通过别人提供的资料《》，发现如果高度定死，缩放后获取的高度是不变的，所以高度必须让他自适应，这样获取的高度是实际高度。之后的操作就简单了，domReady后，记录当前高度，当缩放时，也就是在窗口resize事件里比较当前高度和初始高度，判断浏览器是缩小还是放大。但最后测试后发现，这个方法有个小缺陷，就是当缩放的比例较小的情况下，实际高度是不准确的，容易出现我明明是缩放，但高度反而增加的情况。失败。

　　然后，我继续分析，是否可以通过font-size来判断，操作流程和上面那个类似，先记录，缩放后进行比较，chrome测试通过，ie测试不通过，ff测试不通过。失败。

　　最后，实在没解决思路了，打算看QQ空间的源码，很幸运，js没加密。看了源码后才豁然开朗，原来它是用一个zoom.swf文件来判断的，js只是进行操作。

　　实现步骤如下，先把zoom.swf引用到页面上

　　js代码如下

var level = 1;var onZoomChange = function(o){	var s = o.scale,	m = s > 1 ? '放大': '缩小';	if(s != 1){		level = s;		$('p').append(m);	}else{		if (s != level) {			$('p').html("");		}	}}

　　onZoomChange方法里有个o.scale，这个scale参数是通过zoom.swf返回回来的，通过判断这个是否大于1来知道是放大还是缩小。

　　运行demo，整个世界都清净了。

　　demo下载（chrome下本地测试不了，必须放服务器上）：

　　在线测试地址：

    本文转自胡尐睿丶博客园博客，原文链接：http://www.cnblogs.com/hooray/archive/2011/12/10/2283002.html，如需转载请自行联系原作者