javascript宿主对象之window.navigator详解


Posted in Javascript onSeptember 07, 2016

window.navigator用来反映浏览器及其功能信息的对象。 

// 检测浏览器版本信息
function getBrowserInfo(){
  var Sys = {};
  var ua = window.navigator.userAgent.toLowerCase();
  var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/;
  var m = ua.match(re);
  Sys.browser = m[1].replace(/version/, "'safari");
  Sys.ver = m[2];
  return Sys;
}
var BomInfo = getBrowserInfo;
console.log(BomInfo ());

如何判断是不是ie呢?

var navigatorName = "Microsoft Internet Explorer"; 
var isIE = false;  
if( window.navigator.appName == navigatorName ){  
  isIE = true;  
  alert("ie")  
}else{  
  alert("not ie")  
}

还有一种方法:

if(window.addEventListener){ 
   alert("not ie");  
}else if(window.attachEvent){  
   alert("is ie");  
}else{  
    alert("这种情况发生在不支持DHTML的老版本浏览器(现在一般都支持)")  
}

判断设备类型: 

function browerType() {
   var sUserAgent = navigator.userAgent.toLowerCase(); //浏览器的用户代理设置为小写,再进行匹配
   var isIpad = sUserAgent.match(/ipad/i) == "ipad"; //或者利用indexOf方法来匹配
   var isIphoneOs = sUserAgent.match(/iphone os/i) == "iphone";
   var isMidp = sUserAgent.match(/midp/i) == "midp"; //移动信息设备描述MIDP是一套Java应用编程接口,多适用于塞班系统
   var isUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; //CVS标签
   var isUc = sUserAgent.match(/ucweb/i) == "ucweb";
   var isAndroid = sUserAgent.match(/android/i) == "android";
   var isCe = sUserAgent.match(/windows ce/i) == "windows ce";
   var isWM = sUserAgent.match(/windows mobil/i) == "windows mobil";
   if (isIpad || isIphoneOs || isMidp || isUc7 || isUc || isAndroid || isCe || isWM) {
     alert('该设备为移动设备'); // 做某些事情
   } else {
     alert('该设备为PC设备'); // 做某些事情
   }
}
browerType();

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS无法捕获滚动条上的mouse up事件的原因猜想
Mar 21 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
JavaScript中“基本类型”之争小结
Jan 03 Javascript
jQuery使用动态渲染表单功能完成ajax文件下载
Jan 15 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
JavaScript中判断整数的多种方法总结
Nov 08 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
Jan 05 Javascript
angular4中关于表单的校验示例
Oct 16 Javascript
微信小程序实现页面浮动导航
Jan 28 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
vue组件命名和props命名代码详解
Sep 01 Javascript
JavaScript canvas绘制圆弧与圆形
Feb 18 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 #Javascript
JS继承之借用构造函数继承和组合继承
Sep 07 #Javascript
Node.js读写文件之批量替换图片的实现方法
Sep 07 #Javascript
jQuery实现底部浮动窗口效果
Sep 07 #Javascript
聊一聊Vue.js过渡效果
Sep 07 #Javascript
BootStrap中的表单大全
Sep 07 #Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 #Javascript
You might like
php递归函数怎么用才有效
2018/02/24 PHP
点击下载链接 弹出页面实现代码
2009/10/01 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
2010/09/16 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
Vue中父组件向子组件通信的方法
2017/07/11 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
vue实现element-ui对话框可拖拽功能
2018/08/17 Javascript
[50:50]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第一场 12.10
2020/12/13 DOTA
理解Python中的With语句
2016/03/18 Python
Python中断言Assertion的一些改进方案
2016/10/27 Python
import的本质解析
2017/10/30 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
python用插值法绘制平滑曲线
2021/02/19 Python
Python告诉你木马程序的键盘记录原理
2019/02/02 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
python3转换code128条形码的方法
2019/04/17 Python
Python for i in range ()用法详解
2020/09/18 Python
基于python3抓取pinpoint应用信息入库
2020/01/08 Python
用python进行视频剪辑
2020/11/02 Python
澳洲国民品牌乡村路折扣店:Country Road & Trenery Outlet
2018/04/19 全球购物
eBay瑞士购物网站:eBay.ch
2018/12/24 全球购物
美国排名第一的葡萄酒俱乐部:Firstleaf Wine Club
2020/01/02 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
关于安全演讲稿
2014/05/09 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
2014年政协工作总结
2014/12/09 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
2015年学校党建工作总结
2015/05/19 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
iPhone13将有八大升级
2021/04/15 数码科技
python 学习GCN图卷积神经网络
2022/05/11 Python
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技