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>
复制代码

 

posted @   shiningrise  阅读(598)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
// 侧边栏目录 // https://blog-static.cnblogs.com/files/douzujun/marvin.nav.my1502.css
点击右上角即可分享
微信分享提示