最近看到一篇文章,是讲浏览器的。其中有一点是讲窗口大小的,我感觉很好,我这里也分析一下
窗口大小:
跨浏览器确定一个窗口的大小不是一个简单的事。IE9,FF,safari,Opera,Chrome均为此提供了4个属性:innerWidth,innerHeight,outerWidth,outerHeight
在IE9 safari和FF中,outerwidth和outerHeight 返回浏览器窗口本身的尺寸。但在Opera中,这两个属性的值却表示页面的视图容器的大小,也就是viewport的大小,很奇怪的是
innerWidth和innerHeight则表示该容器中页面视图区的大小。在Chrome这两点都返回同样的值,即viewport的大小。
那么确定窗口的大小就是一点很难的事情了。那么怎么办呢?
在IE,ff,Opera,Chrome,safari中,document.documentElement.clientWidth和docuemnt.documentElement.clientHeight中保存了视图页面的视口的消息。但在IE6中,
这些属性必须是标准模式下才有效,如果是混杂模式,就必须通过document.body.clientWidth和document.body.cilentHeight取得相同信息。而对于混杂模式下的Chrome,则无论通过
document.documentElement,还是document.body中的clientWidth和clientHeight属性,都可以取得视窗的大小。
下面提供跨平台的代码
var pageWidth = window.innerWidth,
pageHeight = window.innerHeight;
if(typeof pagewidth != "number"){
if(document.compartMode == "CSS1Compat"){
pageWidth = document.documentElement.clientWidth;
pageHeight = document.docuemntElement.clientHeight;
}else{
pageWidth = document.body.clientWidht;
pageHeight = document.body.clientHeight;
}
}
分享到:
相关推荐
浏览器大小 获取浏览器的窗口大小和限制的调整大小事件。安装npm install browser-size --save用法创建一个新的浏览器大小实例并添加一个监听器 var browser = require ( 'browser-size' ) ( )browser . on ( '...
pb11.5 嵌入web browser, 通过html<a href="" id='1'>打开窗口</a> 中的预定义的id值来判断需要打开的窗口
《快速掌握PyQt5》第六章 文本编辑框QTextEdit和文本浏览框QTextBrowser (https://blog.csdn.net/La_vie_es
跨平台的C.程序开发框架 QT 怎么样学好Qt 学习QT4初步编程
DB Browser的使用教你怎样打开DB Browser
绿色版mibbrowser,使用很久点击,点击browser.bat 即可打开使用
ldapbrowser是使用java编写的ldap客户端工具,跨平台支持,轻巧易用。
系统自带Browser 用于参考 系统自带Browser 用于参考 系统自带Browser 用于参考
破解版mibbrowser,下载资源后修改“mibbrowser.ini”文件,改为你测试的IP地址,防火墙关掉,Win7中SNMP Service并没有定义任何的community。所以要在服务里找到snmp service的属性,设置好添加社区应"public"(mib...
如何基于Janus平台发现wormable browser漏洞 网络信息安全 云安全 APT 安全测试 web安全
gecko browser for delphi application and control
绿色免安装的用于linux的mibbrowser
sqlbrowser,sqlbrowser,sqlbrowser,sqlbrowser
browser-polyfill.js
MIB_Browser用户操作手册,对SNMP mib进行分析与抓取数据
SNMP基于客户端/服务器模型,其中网络中的设备被配置为代理(Agent),提供关于设备和资源的信息。网络管理员使用SNMP管理系统(Manager),通过发送请求和接收响应的方式,与代理设备进行通信。 MIB Browser是网络...
使用插件Embedded Browser 实现unity与网页交互, unity内嵌浏览器Embedded Browser V2.1.0(适用于PC端) 所支持的Unity版本:5.6.3 及以上版本
ireasoning mib browser是一个非常好用的mib浏览器。问题是,它的试用期只有一个月,一个月内所有功能都是开放的。一个月后就不能使用了。即使卸载了这个软件重新安装也不行。难道除了购买就没有其他办法了么?购买...
f1browser.exe
This book provides what every web developer should know about the network - from fundamental limitations that affect performance to major innovations for building even more powerful browser apps....