javascript使用Navigator判断浏览器--冯浩的博客

Navigator：对象包含有关访问者浏览器的信息。
思路： navigator：获取到对象包含有关访问者浏览器的信息
我们通过 navigator.userAgent 获取到用户代理的标题
然后使用正则来进行判断各个浏览器所含有的关键字

//各大浏览器的 navigator.userAgentna = navigator.userAgent;console.log(na);/* ie8：Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729) ；ie11:Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; rv:11.0) like Gecko谷歌的：Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36火狐的：Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:80.0) Gecko/20100101 Firefox/80.0*///通过我们获取到的userAgent的值我们可以看出各大浏览器的区别,然后我们根据各大浏览器userAgent所含有的关键字 进一步判断na = navigator.userAgent;
console.log(na);
if(/Firefox/i.test(na)){console.log('我是火狐');
}else if(/Chrome/i.test(na)){console.log('我是谷歌');
}else if(/MSIE/i.test(na)){console.log('我是IE');
}else if("ActiveXObject" in window){console.log('IE11，小样，装的挺像，拉出去斩了');
}

javascript使用Navigator判断浏览器--冯浩的博客相关推荐

js封装数组反转的方法--冯浩的博客
思路:我们使用两个循环分别遍历出前一个元素和后一个元素, 然后定义一个空的变量,进行位置调换 function reversal(arr){for(var i =0 ;i<arr.length ...
使用jq实现全选反选和全不选-冯浩的博客
思路: 首先调用jq文件当点击全选的时候我们让他全部为true 当点击全不选的时候我们让他全部为false 当点击反选的时候使用echo循环遍历checked 使用 !取反: html部分< ...
CSS3 Animation 帧动画 steps() --冯浩的博客
CSS3的Animation 复合使用: animation: move 1s steps(12,end) infinite ; 第一个参数是调用keyframes动画第二个参数规定的时间第三个参 ...
vue脚手架的搭建以及element的搭建 ---冯浩的博客
vue CLI 搭建流程首先打开我们的要创建项目的终端首先输入命令 vue-v 查看我们是否安装了vue-Cli如果没有就输入 npm install -g @vue/cli输入命令 vue c ...
原生js实现全选和反选的功能 --冯浩的博客
思路:首先我们获取节点遍历每个节点获取到checked的属性然后我们通过改变checked的属性改变选中的状态全选的时候我们让他们都为true 反选的时候我们使用!达到效果本次使用到的知识点有: ...
css3实现平移效果（transfrom：translate）--冯浩的博客
我们使用translate这个参数来实现移动 translateX:向X轴平移,填正数往右平移,填负数,往左平移 translateY :向Y轴平移,填正数往下平移,填负数,往上平移 translat ...
通过浏览器navigator判断浏览器版本或者手机类型判断微信访问
javascript 的navigator属性,不常用,但是用处也不少,主要用处是在做浏览器兼容的问题的时候,现在有的网站已经不兼容IE6,用户假如用IE6浏览网页的话,会提示浏览器升级等信息.或者判 ...
【javascript】—— JS判断浏览器类型、操作系统
navigator.userAgent : userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值. navigator.platform : platform ...
javascript获取和判断浏览器窗口、屏幕、网页的高度、宽度
一.先来大致了解下基本的信息上图时一张我从别人的博客中找到的,比较系统形象的展示了一些基本的信息. 二.显示器的屏幕信息 screeen.height:屏幕分辨率的高 screen.width:屏幕 ...

javascript使用Navigator判断浏览器--冯浩的博客

javascript使用Navigator判断浏览器--冯浩的博客相关推荐

最新文章

热门文章