如题! 期望最佳答案是从浏览器入手,js有没有办法判断,如果实在没有可以考虑其他方法。

2010-11-17 16:02:58 最后修改,2015-01-08 21:44:48

4 Answers

这个应用在QQ空间中看到过,可以在页面载入后自动判断浏览器是否处于放大缩小状态。

原理:通过flash检测swf自身的缩放比例,然后调用JavaScript的方法。


js文件:http://cnc.qzonestyle.gtimg.cn/qzone/v6/accessory/accessory.js

swf文件:http://cnc.qzs.qq.com/qzone/v6/accessory/plugin/zoom.swf


JavaScript片段:

...
loadSWF:function(){//载入检测zoom的swf
var swf=QZONE.media.getFlashHtml({"src":"http://"+imgcacheDomain+"/qzone/v6/accessory/plugin/zoom.swf?onchange=QZONE.frontPageAccessory.zoomDetect.onZoomChange","width":"10","height":"10","allowScriptAccess":"always","id":"accessory_zoom","name":"zoom_detect","wmode":"transparent","scale":'noScale'});
var cnt=QZFL.dom.createElementIn("div",document.body,false,{id:'_qz_zoom_detect',style:'position: absolute; right: 0px; bottom: 0px; visibility: visible;'});
cnt.innerHTML=swf;
},
onZoomChange:function(o){//swf回调方法
var s=this.currentScale=o.scale,m=s>1?'放大':'缩小';
if(s!=1){
qfpa.zoomDetect.level=s;
var m="您的浏览器目前处于"+m+'状态,会导致空间显示不正常,您可以键盘按“ctrl+数字0”组合键恢复初始状态。',h='<div class="gb_hintbar"><div class="inner"><i class="ui_ico ui_hint_warn"></i><div class="hintbar_txt">'+m+'<a href="javascript:;" onclick="QZONE.frontPageAccessory.zoomDetect.closeDetect();return false;">不再提示</a></div></div><a title="点击退出" class="text_close" href="javascript:;" onclick="QZONE.FrontPage.hideTopTips();return false;">×</a></div>';
QZONE.FrontPage.showTopTips(h,60);
TCISD&&TCISD.pv("home.qzone.qq.com","zoommode");
}else{
if(s!=qfpa.zoomDetect.level){
QZONE.FrontPage.hideTopTips();
}
}
},
...


ActionScript片段:
... private function enterFrameHandler(_arg1:Event):void{ if (this.getZoomLevel() != this._savedZoomLevel){ this._savedZoomLevel = this.getZoomLevel(); //调用JS的onZoomChange方法 this._jsCalls.addJSCall(this._changefunc, { scale:this.getZoomLevel(), init:this._initCall }); this._initCall = false; }; } public function getZoomLevel():Number{ return ((this.stage.stageHeight / this._setHeight)); } ...
2010-11-17 18:24:43

通过元素的相对位置和绝对位置就可以判断出是不是处于放大状态了。

比如一个按钮设置的宽度为相对宽度,当浏览器被放大时,相对宽度的按钮的宽度肯定放大了,在那一个绝对位置的为参考,这样就知道是放大还是缩小了

2010-11-17 19:37:09

可以在页面上访一个div,然后通过监听这个div的宽带来判断浏览器是否被放大,如:

<div id='asdfa'></div> <INPUT TYPE="button" onclick="alert(document.getElementById('asdfa').offsetWidth)">

当浏览器被放大或缩小时,点击按钮得到的asdfa的offsetWidth是不一样的

2010-11-17 21:31:30

可以通过检测 ctrl+0 ,,, 这些特殊的按键
刚搜索啦一下 还真搜索到一个 跟我的想法一样的
http://mlntn.com/2008/12/11/javascript-jquery-zoom-event-plugin/

2010-11-17 22:36:55
您不能回答该问题或者回答已经关闭!

相关文章推荐

  • C#开发中的反射机制

    反射的定义:审查元数据并收集关于它的类型信息的能力。元数据(编译以后的最基本数据单元)就是一大堆的表,当编译程序集或者模块时,编译器会创建一个类定义表,一个字段定义表,和一个方法定义表等

  • C#实例解析适配器设计模式

    将一个类的接口变成客户端所期待的另一种接口,从而使原本因接口不匹配而无法在一起工作的两个类能够一起工作

  • C#中using指令的几种用法

    using + 命名空间名字,这样可以在程序中直接用命令空间中的类型,而不必指定类型的详细命名空间,类似于Java的import,这个功能也是最常用的,几乎每个cs的程序都会用到

  • C#协变和逆变

    “协变”是指能够使用与原始指定的派生类型相比,派生程度更大的类型,“逆变”则是指能够使用派生程度更小的类型

  • C#运行时相互关系

    C#运行时相互关系,包括运行时类型、对象、线程栈和托管堆之间的相互关系,静态方法、实例方法和虚方法的区别等等

  • 使用托管C++粘合C#和C++代码(二)

    本文实现一下C++代码调用C#代码的过程。我构造一个简单并且直观的例子:通过C++ UI 触发C# UI.

  • C#开发高性能Log Help类设计开发

    项目中要在操作数据库的异常处理中加入写Log日志,对于商业上有要求,写log时对其它操作尽可能影响小,不能因为加入log导致耗时太多

  • C#中的索引器的简单理解和用法

    C#中的类成员可以是任意类型,包括数组和集合。当一个类包含了数组和集合成员时,索引器将大大简化对数组或集合成员的存取操作

  • Async和Await使异步编程更简单

    C#5.0中async和await两个关键字,这两个关键字简化了异步编程,之所以简化了,还是因为编译器给我们做了更多的工作

  • 使用托管C++粘合C#和C++代码(一)

    C#在xml读写,数据库操纵,界面构造等很多方面性能卓越;C++的效率高,是底层开发的必备武器

  • C#基础概念之延迟加载

    延迟加载(lazy load)是Hibernate3关联关系对象默认的加载方式,延迟加载机制是为了避免一些无谓的性能开销而提出来的,所谓延迟加载就是当在真正需要数据的时候,才真正执行数据加载操作

  • 深入C# 序列化(Serialize)、反序列化(Deserialize)

    C#中的序列化和反序列化,序列化是.NET运行时环境用来支持用户定义类型的流化的机制