2024年前端最全vue 获取当前登录的浏览器类型_vue获取浏览器类型，GitHub标星3.2K

admin管理员组

文章数量:1530842

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

//Edge
if(agent.indexOf(‘edge’) > 0){
arr.push(agent.match(regStr_edge)[0].split(‘/’)[0]);
arr.push(agent.match(regStr_edge)[0].split(‘/’)[1]);
return arr;
}
//firefox
if(agent.indexOf(“firefox”) > 0){
arr.push(agent.match(regStr_ff)[0].split(‘/’)[0]);
arr.push(agent.match(regStr_ff)[0].split(‘/’)[1]);
return arr;
}
//Opera
if(agent.indexOf(“opr”)>0){
arr.push(agent.match(regStr_opera)[0].split(‘/’)[0]);
arr.push(agent.match(regStr_opera)[0].split(‘/’)[1]);
return arr;
}
//Safari
if(agent.indexOf(“safari”) > 0 && agent.indexOf(“chrome”) < 0){
arr.push(agent.match(regStr_saf)[0].split(‘/’)[0]);
arr.push(agent.match(regStr_saf)[0].split(‘/’)[1]);
return arr;
}
//Chrome
if(agent.indexOf(“chrome”) > 0){
arr.push(agent.match(regStr_chrome)[0].split(‘/’)[0]);
arr.push(agent.match(regStr_chrome)[0].split(‘/’)[1]);
return arr;
}
// else{
// arr.push(‘请更换主流浏览器,例如chrome,firefox,opera,safari,IE,Edge!’)
// return arr;
// }
}

#### **方法二、**

//方法二、
// 获取当前登录的浏览器
export function getLogoinBrowser(){
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
// console.log(“loginuserAgent:”, userAgent)
//判断是否Opera浏览器
if (userAgent.indexOf(“Opera”) > -1) {
return “Opera”
};

//判断是否Edge浏览器
if (userAgent.indexOf(“Edg”) > -1){
return ‘Edge’
}

//判断是否Firefox浏览器
if (userAgent.indexOf(“Firefox”) > -1) {
return “firefox”;
}

//判断是否Chrome浏览器
if (userAgent.indexOf(“Chrome”) > -1){
return “Chrome”;
}

//判断是否Safari浏览器
if (userAgent.indexOf(“Safari”) > -1) {
return “Safari”;
}

//判断是否IE浏览器
if (userAgent.indexOf(“compatible”) > -1 && userAgent.indexOf(“MSIE”) > -1 && !isOpera) {
return “IE”;
}
if ( userAgent.indexOf(“Trident”) > -1){
return “IE”;
}
}

**效果图、谷歌浏览器：**


![](https://img-blog.csdnimg/024beaf7d93241809c60f7cb890b01ab.png)


 **效果图、火狐浏览器：**



### 最后

除了简历做到位，面试题也必不可少，整理了些题目，前面有117道汇总的面试到的题目，后面包括了HTML、CSS、JS、ES6、vue、微信小程序、项目类问题、笔试编程类题等专题。

* **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn/topics/618166371)**

  ![](https://img-blog.csdnimg/img_convert/64ce8432d0f753e43f93972ad19fcd72.png)


![](https://img-blog.csdnimg/img_convert/d508b1ae6a5e7d5e7d5daf668e9eccea.png)



32d0f753e43f93972ad19fcd72.png)


![](https://img-blog.csdnimg/img_convert/d508b1ae6a5e7d5e7d5daf668e9eccea.png)

本文标签： 浏览器类型最全年前vue