获取设备网页/设备屏幕信息,全!

 <script type="text/javascript">
        function loadW() {

            var scale=window.devicePixelRatio;
            var s = "";
            s += "网页可见区域宽:" + document.body.clientWidth;
            s += "</br>网页可见区域高:" + document.body.clientHeight;
            s += "</br>网页可见区域宽:" + document.body.offsetWidth + " (包括边线的宽)";
            s += "</br>网页可见区域高:" + document.body.offsetHeight + " (包括边线的宽)";
            s += "</br>网页正文全文宽:" + document.body.scrollWidth;
            s += "</br>网页正文全文高:" + document.body.scrollHeight;
            s += "</br>网页被卷去的高:" + document.body.scrollTop;
            s += "</br>网页被卷去的左:" + document.body.scrollLeft;
            s += "</br>网页正文部分上:" + window.screenTop;
            s += "</br>网页正文部分左:" + window.screenLeft;
            s += "</br>屏幕分辨率的高:" + window.screen.height;
            s += "</br>屏幕分辨率的宽:" + window.screen.width;
            s += "</br>屏幕可用工作区高度:" + window.screen.availHeight;
            s += "</br>屏幕可用工作区宽度:" + window.screen.availWidth;
            s += "</br>设备像素比(window.devicePixelRatio):" + scale;
            s += "</br>screen.width * scale: " + screen.width * scale;
            s += "</br>screen.height * scale: " + screen.height * scale;
            s += "</br> <div style='font-weight: bold;font-size: 20px;color: #666666'> 设备信息如下:</div>";
            s+='</br><span style="color:red">navigator.geolocation</span>: '+navigator.geolocation
            s+='</br><span style="color:red">navigator.webkitPersistentStorage</span>: '+navigator.webkitPersistentStorage
            s+='</br><span style="color:red">navigator.webkitTemporaryStorage</span>: '+navigator.webkitTemporaryStorage
            s+='</br><span style="color:red">navigator.doNotTrack</span>: '+navigator.doNotTrack
            s+='</br><span style="color:red">navigator.onLine</span>: '+navigator.onLine
            s+='</br><span style="color:red">navigator.product</span>: '+navigator.product
            s+='</br><span style="color:red">navigator.appCodeName</span>: '+navigator.appCodeName
            s+='</br><span style="color:red">navigator.userAgent</span>: '+navigator.userAgent
            s+='</br><span style="color:red">navigator.platform</span>: '+navigator.platform
            s+='</br><span style="color:red">navigator.appVersion</span>: '+navigator.appVersion
            s+='</br><span style="color:red">navigator.appName</span>: '+navigator.appName
            s+='</br><span style="color:red">navigator.vendorSub</span>: '+navigator.vendorSub
            s+='</br><span style="color:red">navigator.vendor</span>: '+navigator.vendor
            s+='</br><span style="color:red">navigator.productSub</span>: '+navigator.productSub
            s+='</br><span style="color:red">navigator.cookieEnabled</span>: '+navigator.cookieEnabled
            s+='</br><span style="color:red">navigator.mimeTypes</span>: '+navigator.mimeTypes
            s+='</br><span style="color:red">navigator.plugins</span>: '+navigator.plugins
            s+='</br><span style="color:red">navigator.language</span>: '+navigator.language
            s+='</br><span style="color:red">navigator.javaEnabled</span>: '+navigator.javaEnabled
            s+='</br><span style="color:red">navigator.getStorageUpdates</span>: '+navigator.getStorageUpdates
            s+='</br><span style="color:red">navigator.webkitGetGamepads</span>: '+navigator.webkitGetGamepads
            s+='</br><span style="color:red">navigator.webkitGetUserMedia</span>: '+navigator.webkitGetUserMedia
            s+='</br><span style="color:red">navigator.registerProtocolHandler</span>: '+navigator.registerProtocolHandler
            s+='</br><span style="color:red">navigator.vibrate</span>: '+navigator.vibrate
//            for(var item in navigator){
//                s +="</br>s+='&lt;/br&gt;&lt;span style=\"color:red\"&gtnavigator."+item+"&lt;/span&gt: '+navigator."+item+"";
//            }
            document.write(s)
        }
        window.onload = loadW;
    </script>

 

转载于:https://www.cnblogs.com/Brose/p/device_information.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript中,我们可以使用`navigator`对象来获取手机设备信息。`navigator`对象是一个局对象,提供了与浏览器相关的信息。 要获取手机设备信息,我们可以使用以下属性和方法: 1. `navigator.userAgent`:这是一个只读属性,返回代表浏览器用户代理字符串。用户代理字符串可以包含设备名称、操作系统版本和浏览器类型等信息。我们可以通过解析这个字符串来获取设备信息。 ```javascript var userAgent = navigator.userAgent; ``` 2. `navigator.platform`:这也是一个只读属性,返回操作系统平台。虽然它无法提供具体的设备型号,但可以指示是哪个平台,如"Win32"表示Windows、"MacIntel"表示MacOS、"Linux i686"表示Linux等。 ```javascript var platform = navigator.platform; ``` 3. `navigator.vendor`:这个只读属性返回浏览器的供应商名称。对于手机设备,可能会返回厂商名称,如"Apple Computer, Inc."表示苹果设备。 ```javascript var vendor = navigator.vendor; ``` 4. `window.innerWidth`和`window.innerHeight`:这两个只读属性返回浏览器窗口的宽度和高度,可以通过这些属性间接判断设备屏幕尺寸。 ```javascript var screenWidth = window.innerWidth; var screenHeight = window.innerHeight; ``` 以上是获取手机设备信息的一些方法,我们可以使用它们来了解用户的设备特性,以便在网页上进行相应的调整和优化。当然,由于每个设备的表示方式都不完一样,因此解析和判断可能需要进行一些兼容性处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值