js显示屏幕分辨率

Posted 吴晓阳

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js显示屏幕分辨率相关的知识,希望对你有一定的参考价值。

    <div style=" width:88%;margin:30px auto; color:blue;" id="div_html">
    </div>
    <script type="text/javascript">
        var s = "";
        s += " 网页可见区域宽:" + document.body.clientWidth + "<br />";
        s += " 网页可见区域高:" + document.body.clientHeight + "<br />";
        s += " 网页可见区域宽:" + document.body.offsetWidth + " (包括边线和滚动条的宽)" + "<br />";
        s += " 网页可见区域高:" + document.body.offsetHeight + " (包括边线的宽)" + "<br />";
        s += " 网页正文全文宽:" + document.body.scrollWidth + "<br />";
        s += " 网页正文全文高:" + document.body.scrollHeight + "<br />";
        s += " 网页被卷去的高(ff):" + document.body.scrollTop + "<br />";
        s += " 网页被卷去的高(ie):" + document.documentElement.scrollTop + "<br />";
        s += " 网页被卷去的左:" + document.body.scrollLeft + "<br />";
        s += " 网页正文部分上:" + window.screenTop + "<br />";
        s += " 网页正文部分左:" + window.screenLeft + "<br />";
        s += " 屏幕分辨率的高:" + window.screen.height + "<br />";
        s += " 屏幕分辨率的宽:" + window.screen.width + "<br />";
        s += " 屏幕可用工作区高度:" + window.screen.availHeight + "<br />";
        s += " 屏幕可用工作区宽度:" + window.screen.availWidth + "<br />";
        s += " 你的屏幕设置是 " + window.screen.colorDepth + " 位彩色" + "<br />";
        s += " 你的屏幕设置 " + window.screen.deviceXDPI + " 像素/英寸" + "<br />";

        document.getElementById("div_html").innerHTML = s;
    </script>

 

以上是关于js显示屏幕分辨率的主要内容,如果未能解决你的问题,请参考以下文章

如何让网页自适应屏幕大小

在 4k 显示器上使用 JS 查找屏幕大小

JS如何获取页面可见区域高度

片段布局不覆盖整个屏幕

标签内显示文字超过行宽度显示省略号

js或css怎么图片随屏幕分辨率等比例缩放