vue 获取当前登录的浏览器类型_vue获取浏览器类型

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.cn/024beaf7d93241809c60f7cb890b01ab.png)


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


![](https://img-blog.csdnimg.cn/c5f73d524531426c84c4f406cd541b40.png)



  **效果图、Edge浏览器：**


![](https://img-blog.csdnimg.cn/443484afc1664bf6bd4df281f8c7379a.png)


  **效果图、IE浏览器：** 


 ![](https://img-blog.csdnimg.cn/87fa9c9d32eb48c4a08890e6260ad1a4.png)



 最后为了方便大家的沟通与交流请加QQ群： [625787746]( )


请进QQ群交流：【IT博客技术分享群①】：[正在跳转]( )


### 文末

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。



个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

![](https://img-blog.csdnimg.cn/img_convert/3e0d5b0f6a97b823cc1ef22ff1a18191.png)



第二阶段:移动端开发技术

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

第三阶段:前端常用框架

![](https://img-blog.csdnimg.cn/img_convert/644efd4ddd0f8d43535f1982ec0da6e4.png)



*   推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；

*   大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。