首页 前端知识 js判断浏览器及终端

js判断浏览器及终端

2024-07-02 23:07:01 前端知识 前端哥 760 979 我要收藏

else if (explorer.indexOf(“Opera”) >= 0) {

alert(“Opera”);

alert(“browser is :ie”);

}

//Safari

else if (explorer.indexOf(“Safari”) >= 0) {

alert(“browser is :Safari”);

}

//Netscape

else if (explorer.indexOf(“Netscape”) >= 0) {

alert(“browser is :Netscape”);

}

//判断是否IE浏览器

else if (explorer.indexOf(“compatible”) > -1 && explorer.indexOf(“MSIE”) > -1) {

alert(“browser is :IE”);

}

//判断是否Edge浏览器

else if (explorer.indexOf(“Trident”) > -1) {

alert(“browser is :Edge”);

};

var isIE11 = userAgent.indexOf(‘Trident’) > -1 && userAgent.indexOf(“rv:11.0”) > -1;

Trident是浏览器的内核,该内核常见的浏览器有IE6、IE7、IE8(Trident 4.0)、IE9(Trident 5.0)、IE10(Trident 6.0);360安全浏览器(1.0-5.0为Trident,6.0为Trident+Webkit,7.0为Trident+Blink)猎豹极轻浏览器360极速浏览器。其中IE11会有个rv:11.0的值,以此来辨别IE11

判断ie为某个版本

===========================================================================

在IE11以下的浏览器中使用navigator.userAgent会得到这样的结果

Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C; .NET4.0E)

其中的MSIE后面跟的数字 就是IE浏览器的版本号,例如:

IE8

在这里插入图片描述

IE9

在这里插入图片描述

具体完整的鉴别IE各个版本的操作代码为

function ifie(){

var userAgent = navigator.userAgent;

var isIE = userAgent.indexOf(“compatible”) > -1 && userAgent.indexOf(“MSIE”) > -1;

var isIE11 = userAgent.indexOf(‘Trident’) > -1 && userAgent.indexOf(“rv:11.0”) > -1;

if(isIE) {

var reIE = new RegExp(“MSIE (\d+\.\d+);”);

reIE.test(userAgent);

var fIEVersion = parseFloat(RegExp[“$1”]);

if(fIEVersion == 7) {

return 7

}else if(fIEVersion == 8) {

return 8

}else if(fIEVersion == 9) {

return 9

}else if(fIEVersion == 10) {

return 10

}

} else if(isIE11){

return 11

}

}

鉴别PC及移动端

==========================================================================

还是利用navigator.userAgent来获取信息 当客户端是苹果的时候,会有iPhone的字段在这里插入图片描述

如果是安卓的话,会有android的字段

在这里插入图片描述

从中也可以获取某个系统的版本如下图

为安卓5.0版本

完整的判断代码为

function ispc() {

var userAgentInfo = navigator.userAgent;

var Agents = [“Android”, “iPhone”,“SymbianOS”, “Windows Phone”, “iPod”];

var flag = true;

for (var v = 0; v < Agents.length; v++) {

if (userAgentInfo.indexOf(Agents[v]) > 0) {

flag = false;

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)

最后

前15.PNG

前16.PNG

由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处即可获取!!!

PucHZ1jN-1711682278858)]

[外链图片转存中…(img-9fDmaT7V-1711682278858)]

由于文档内容过多,为了避免影响到大家的阅读体验,在此只以截图展示部分内容,详细完整版的JavaScript面试题文档,或更多前端资料可以点此处即可获取!!!

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13790.html
标签
评论
发布的文章

sublime text的json快捷键

2024-07-30 22:07:35

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!