以跨浏览器的方式查找视口的确切高度和宽度（无Prototype / jQuery）

Question

我正在尝试查找浏览器视口的确切高度和宽度，但是我怀疑Mozilla或IE给我的号码不正确。这是我的身高方法：var viewportHeight = window.innerHeight ||                      document.documentElement.clientHeight ||                      document.body.clientHeight;我还没有开始做宽度，但是我猜它将会是类似的东西。有没有更正确的方式来获取此信息？理想情况下，我希望该解决方案也能与Safari / Chrome /其他浏览器一起使用。

Answer 1

您可以使用较短的版本：

<script type="text/javascript">

<!--

function getViewportSize(){

    var e = window;

    var a = 'inner';

    if (!('innerWidth' in window)){

        a = 'client';

        e = document.documentElement || document.body;

    }

    return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }

}

//-->

</script>