Question

js 判断用户是否缩放网页了

最好能写个简单实例

Answer 1

我正在试，稍后上代码
IE、Firefox通过，Opera、Chrome、遨游没通过，我再研究一下有没有什么新方法
补充：
太晚了，准备休息了，提供一下方法，刚才根据判断浏览器分辨率（常见宽度：320,400,640,800,1024,1280,1400,1440,1600,1680,1920,2048,2560,3200,3840）来判断是否被缩放，IE和Firefox在缩放过程中js取浏览器分辨率也会发生变化，这个时候判断变更后的分辨率宽度是否在常见分辨率中即可，但是通过测试Opera、Chrome、遨游的缩放不会改变js对浏览器分辨率的取值，但是也不是没有办法，现在提供一个新的思路，这个思路应该会没有问题，在网页中插入一个宽度为100%的div，不管什么浏览器缩放，这个div的宽度肯定会发生改变，利用第一个思路中的办法来进行判断即可！

追问

我空交流下，我已经做出来了！！！

追答

你是用的什么方法？

追问

写不下，不让发
到我QQ空间去看下，好的话转一下，日志名叫“js实现网页放大缩小”
网址http://1075259117.qzone.qq.com

追答

你的这个方法在IE和webkit内核下也无效，并且你这是一个错误的方法，在浏览器没有进行缩放，而是改变窗口大小的时候也会触发你的判断。因为你是判断网页body可见区域的宽度。以下是我写的代码，至少在IE和Firefox下成功通过：

$(window).resize(function(){
var resolutionList="320,400,640,800,1024,1280,1400,1440,1600,1680,1920,2048,2560,3200,3840,";
var nowwidth=window.screen.width;
if(resolutionList.indexOf(nowwidth + ",")==-1){
$("#output").html("您的浏览对当前页面进行了缩放，这样会影响网页正常显示或显示效果，请调整到100%尺寸！");
}else{
$("#output").html("已经恢复正常");
}
});

我已经想到了新的方法，应该会都有效，晚上写代码，现在忙

追问

这个答案还可以，不过有点麻烦，建议到我的空间去看一下！

追答

你的空间我看了，你那个方法是错误的，上面我已经提到了，在浏览器没有进行缩放，而是改变窗口大小的时候也会触发你的判断，并且在IE和webkit内核下无效，你那个方法判断的是body可见宽度，通过拖拉改变窗口大小的时候也就改变了你的取值，我的新思路再次被否决，刚才到国外网站查了很多资料，都没有办法对所有浏览器进行判断，其中有个人采用了flash+js的方法进行判断，但是我也没有测试成功，再研究研究，这个问题之所以难解决在于以下几个问题，必须解决以下几个问题才算完美
1、页面初始化，没有进行触发resize事件时，也要能成功判断，因为当用户的浏览器在打开页面之前就设置了缩放级别，而用户又没要再次调整窗口和进行缩放操作时，resize事件就不会触发；
2、要杜绝你犯的错误，不能把改变窗口大小和缩放操作一视同仁，改变窗口大小并不代表显示比例被改变了；
3、要考虑各种浏览器的兼容问题，因为他们缩放页面采用的方法不一致，我们判断的过程中的某些取值会不一致；

Answer 2

缩放网页是浏览器的行为，我们是判断不了的。

追问

我只想知道用户在什么时候进行了缩放，比如：用户缩放的时候执行一个函数，这个可以判断得了

追答

我们无法知道什么时候缩放网页了。