100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js获取操作系统以及屏幕分辨率

js获取操作系统以及屏幕分辨率

时间:2018-11-25 18:14:44

相关推荐

js获取操作系统以及屏幕分辨率

嗨害嗨,好久不见,我又来了奥。今天有人问了一个这样的问题,就是如何获取屏幕的分辨率,还有操作系统。因为他做的项目接口需要传的参数中包括这两样。我搜索了并且整理了一下。

获取操作系统的话,bom有一个对象叫navigator,我们打开一个网页,点击F12,然后在控制台输入navigator,回车。我们可以看到一个对象,里面有很多值。如下图

里面有许许多多的属性,我们可以找一找哪些跟操作系统有关。有一个platform:win32,还有一个userAgent,充分利用这两个,话不多说,直接上代码:

function getOperatingSystem() {try {//检测当前操作系统if (/(android|Android|ANDROID)/i.test(navigator.userAgent)) {//这是Android平台下浏览器return "Android";}if (/(iPhone|iPad|iPod|iOS|iphone|ipad|ipod|ios)/i.test(navigator.userAgent)) {//这是iOS平台下浏览器return "ios"}if (/win|windows|Win|Windows/i.test(navigator.userAgent)) {//这是Linux平台下浏览器return "windows"}if (/Linux/i.test(navigator.platform)) {//这是Linux操作系统平台return "linux"}} catch (e) {//可以看看e是什么玩意console.log(e);//返回未知return "Unknow";}}

正则是网上找的,因为每一项具体的有哪些写法得一个个查出来,这样才严谨。

然后调用这个方法,可以在mounted的时候调用(onload),就知道操作系统啦。

第二个就是屏幕的分辨率问题,有很多条很像的,大家不要搞混了。附一条网页链接,大家可以点进去看看类似的怎么获取

JS获取浏览器信息及屏幕分辨率

查表可知,我们要用的就是window.screen.height 和window.screen.width了。

好了,就分享到这,下次见

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。