Question

我正在试图找出估算浏览器可视区域最大大小的最佳方法。即屏幕尺寸较小的工具栏，书签等。显然，当窗口没有最大化并且由于人们确实使用不同的浏览器这一事实时它不会是完美的 - 我只是想在这里寻找一个好的估计。 / p>

目的是找出图像的最大尺寸。

Answer 1

您还可以对任何内容使用jQuery's width()函数：$(window).width()。请记住，如果窗口调整大小，这将改变，并可能通过它最初基于的任何布局。你可以watch for that event，但如果你做的很复杂，那可能会损害你的表现。

Answer 2

在Firefox中，您可以使用此代码

<html>

<body>
<script type="text/javascript">
document.write("<p>Width: " + window.innerWidth + "</p>")
document.write("<p>Height: " + window.innerHeight + "</p>")
</script>
</body>

</html>

对于IE，您可以尝试使用document.body.offsetWidth和document.body.offsetHeight属性。

屏幕对象将获得屏幕属性（可能会有所帮助），请在此处查看其属性：link text

Answer 3

用于确定视口的跨浏览器功能。返回包含浏览器屏幕的宽度，高度，左侧和顶部位置的Array。

function getViewport () {
         var iWidth,iHeight,iTop,iLeft,
             w = window, d = document;
          iWidth  = w.innerWidth || d.documentElement.clientWidth 
                    || d.body.clientWidth || 0;
          iHeight = w.innerHeight || d.documentElement.clientHeight 
                    || d.body.clientHeight || 0;
          iTop    = w.pageYOffset || d.body.scrollTop 
                    || d.documentElement.scrollTop || 0;
          iLeft   = w.pageXOffset || d.body.scrollLeft 
                    || d.documentElement.scrollLeft || 0;
          return [iWidth,iHeight,iLeft,iTop];
}

估计可用浏览器区域的好方法

3 个答案: