查看终端屏幕相关信息，在windows系统的控制面板可以查到分辨率且可以设置，更具体的浏览器可视窗口等信息则需要借助其他工具。而在程序里需要动态获取时该怎么做呢？

琢磨的一个js方法，供大家参考。如下：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>JS获取浏览器宽度</title>

 </head>

 <body onload="getInfos()">

 </body>

 <script>

     function getInfos() {

         document.write(

             "<h3>浏览器窗口信息如下: </h3>" +

             "屏幕分辨率为：" + screen.width + "*" + screen.height

             + "<br />" +

             "屏幕可用大小：" + screen.availWidth + "*" + screen.availHeight

             + "<br />" +

             "网页可见区域宽：" + document.body.clientWidth

             + "<br />" +

             "网页可见区域高：" + document.body.clientHeight

             + "<br />" +

             "网页可见区域宽(含边线宽)：" + document.body.offsetWidth

             + "<br />" +

             "网页可见区域高(含边线宽)：" + document.body.offsetHeight

             + "<br />" +

             "网页正文全文宽：" + document.body.scrollWidth

             + "<br />" +

             "网页正文全文高：" + document.body.scrollHeight

             + "<br />" +

             "网页被卷去的高：" + document.body.scrollTop

             + "<br />" +

             "网页被卷去的左：" + document.body.scrollLeft

             + "<br />" +

             "网页正文部分上：" + window.screenTop

             + "<br />" +

             "网页正文部分左：" + window.screenLeft

             + "<br />" +

             "屏幕分辨率的高：" + window.screen.height

             + "<br />" +

             "屏幕分辨率的宽：" + window.screen.width

             + "<br />" +

             "屏幕可用工作区高度：" + window.screen.availHeight

             + "<br />" +

             "屏幕可用工作区宽度：" + window.screen.availWidth

         );

     }

 </script>

 </html>

剩下的就是计算了，you try~

JS获取终端屏幕、浏览窗口的相关信息的更多相关文章

  1. js 获取 网页屏幕高度 窗口高度 元素高度 滚动高度

    常用: JS 获取浏览器窗口大小 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // 获取窗口宽度 if (window.innerWidth) winWidth = ...

  2. js获取网页屏幕可视区域高度

    document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.document ...

  3. js获取网页屏幕可见区域高度

    document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...

  4. [js]获取网页屏幕可见区域高度

    document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.docume ...

  5. JS获取当前屏幕宽高

    Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.b ...

  6. js获取或设置当前窗口url参数

    直接上代码 // 获取当前窗口url中param参数的值 function get_param(param){ var query = location.search.substring(1).spl ...

  7. JS获取元素的offsetTop,offsetLeft等相关属性

    1. obj.clientWidth //获取元素的宽度 obj.clientHeight //元素的高度 obj.offsetLeft //元素相对于父元素的left obj.offsetTop / ...

  8. js获取整个屏幕的尺寸

    原文 首先获取屏幕宽度:window.screen.width;    //整个屏幕的宽度. 然后获取屏幕高度:window.screen.height;     //整个屏幕的高度. 获取可用工作区 ...

  9. js获取手机屏幕宽度、高度

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

随机推荐

  1. GestureDetector封装手势检測上下滑动

    项目中须要检測ListView的上滑下滑隐藏顶部View控件,之前在网上也有非常多实现案例.在git上发现个封装非常不错的样例,记录下来. GestureDetector是一个手势检測类,内部有个Si ...

  2. WPF passwordbox 圆角制作

    将以下节点复制到app.xaml的<Application.Resources>节点下 <Style TargetType="PasswordBox">   ...

  3. Flex开发小结（1）如何使用AdvancedDataGrid

    1.AdvancedDataGrid扩展了普通DataGrid的功能,AdvancedDataGrid控件提供了另外一些特性,并在数据显示.数据聚合和数据格式化方面有着强大的控制力. 这里我主要说一下 ...

  4. ContentProvider与ContentResolver使用

    例如以下内容为从网络转载: 使用ContentProvider共享数据: 当应用继承ContentProvider类,并重写该类用于提供数据和存储数据的方法,就能够向其它应用共享其数据.虽然使用其它方 ...

  5. [Angular 2] 8. Better ES5 Code

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  6. jdk和jre是什么?都有什么用?（转帖）

    jdk和jre是什么?都有什么用?(转帖) 文章分类:Java编程 大家肯定在安装JDK的时候会有选择是否安装单独的jre,一般都会一起安装,我也建议大家这样做.由于这样更能帮助大家弄清楚它们的差别: ...

  7. 24小时学通LINUX内核系列

    http://www.cnblogs.com/lihuidashen/category/667475.html

  8. Nginx vs Apache--reference

    May 14th, 2014 - By Walker Rowe https://anturis.com/blog/nginx-vs-apache/ What is the Nginx web and ...

  9. 分布式服务框架 Zookeeper -- 管理分布式环境中的数据--转载

    原文:http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ Zookeeper 分布式服务框架是 Apache Hadoop ...

  10. burp

    http://www.2cto.com/Article/201406/310929.html