分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js navigator对象

发布时间:2023-09-06 01:51责任编辑:沈小雨关键词:js

原文:https://www.cnblogs.com/huyihao/p/6003110.html

Navigator 对象包含有关浏览器的信息。

很多时候我们需要在判断网页所处的浏览器和平台,Navigator为我们提供了便利

Navigator常见的对象属性如下:

属性描述
appCodeName返回浏览器的代码名。
appMinorVersion返回浏览器的次级版本。
appName返回浏览器的名称。
appVersion返回浏览器的平台和版本信息。
browserLanguage返回当前浏览器的语言。
cookieEnabled返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass返回浏览器系统的 CPU 等级。
onLine返回指明系统是否处于脱机模式的布尔值。
platform返回运行浏览器的操作系统平台。
systemLanguage返回 OS 使用的默认语言。
userAgent返回由客户机发送服务器的 user-agent 头部的值。
userLanguage返回 OS 的自然语言设置。

我们使用的比较多的是他的userAgent,经常需要判断的情况有:

(1)PC还是移动端

(2)安卓还是IOS

(3)浏览器的类型

示例代码:

 1 var browser={ 2 ????versions:function(){ 3 ????????var u = navigator.userAgent, app = navigator.appVersion; 4 ????????return { ????????//移动终端浏览器版本信息 5 ????????????  trident: u.indexOf(‘Trident‘) > -1, //IE内核 6 ????????????  presto: u.indexOf(‘Presto‘) > -1, //opera内核 7 ????????????  webKit: u.indexOf(‘AppleWebKit‘) > -1, //苹果、谷歌内核 8 ????????????  gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1, //火狐内核 9 ????????????  mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端10 ????????????  ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端11 ????????????  android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android终端或uc浏览器12 ????????????  iPhone: u.indexOf(‘iPhone‘) > -1 , //是否为iPhone或者QQHD浏览器13 ????????????  iPad: u.indexOf(‘iPad‘) > -1, //是否iPad14 ????????????  webApp: u.indexOf(‘Safari‘) == -1 //是否web应该程序,没有头部与底部15 ????????};16 ????}(),17 ????language:(navigator.browserLanguage || navigator.language).toLowerCase()18 }

判断是否移动端

1 if(browser.versions.mobile){2 ??????console.log(‘我是移动端‘); ?????3 }

还可以用另一种方式判断

1 var s=document.hasOwnProperty("ontouchstart");//电脑返回false,手机为true2 console.log(s);

判断安卓还是IOS

1 if(browser.versions.ios){2 ?????console.log(‘我是IOS‘);3 }4 if(browser.version.andriod){5 ?????console.log(‘我是安卓‘);6 }

判断浏览器的类型

 1 if(browser.versions.trident){ 2 ????console.log(‘我是IE‘); 3 } 4 if(browser.versions.presto){ 5 ????console.log(‘我是opera‘); 6 } 7 if(browser.versions.webKit){ 8 ????console.log(‘我是苹果和谷歌‘); 9 }10 if(browser.versions.gecko){11 ????console.log(‘我是火狐‘);12 }

js navigator对象

原文地址:https://www.cnblogs.com/wangqiao170/p/8946072.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved