精华内容
下载资源
问答
  • Vue获取当前浏览器类型
    2021-12-13 14:09:12

    获取浏览器的类型

    getExplorer() {
                    var explorer = window.navigator.userAgent,
                        compare = function (s) {
                            return (explorer.indexOf(s) >= 0);
                        },
                        ie11 = (function () {
                            return ("ActiveXObject" in window)
                        })();
                    if (compare("MSIE") || ie11) {
                        return 'ie';
                    } else if (compare("Firefox") && !ie11) {
                        return 'Firefox';
                    } else if (compare("Chrome") && !ie11) {
                        if (explorer.indexOf("Edge") > -1) {
                            return 'Edge';
                        } else {
                            return 'Chrome';
                        }
                    } else if (compare("Opera") && !ie11) {
                        return 'Opera';
                    } else if (compare("Safari") && !ie11) {
                        return 'Safari';
                    }
                },
    

    使用

    this.getExplorer()
    
    更多相关内容
  • 主要介绍了vue js获取手机系统型号、版本、浏览器类型的示例代码,代码简单易懂,非常不错具有一定的参考借鉴价值,需要的朋友可以参考下
  • 这里注意罗列了常用的几种浏览器...// 获取当前登录的浏览器 export function getBrowserInfo(){ var agent = navigator.userAgent.toLowerCase() ; // console.log("agent:", agent); var arr = []; var syste...

    这里注意罗列了常用的几种浏览器:

     1. 谷歌浏览器   2.火狐浏览器  3. Edge浏览器  4. IE浏览器  5. 欧鹏浏览器  6.苹果浏览器 

    方法一、 

    //方法一、
    // 获取当前登录的浏览器
    export function getBrowserInfo(){
      var agent = navigator.userAgent.toLowerCase() ;
      // console.log("agent:", agent);
      var arr = [];
      var system = agent.split(' ')[1].split(' ')[0].split('(')[1];
      arr.push(system);
      var regStr_edge = /edge\/[\d.]+/gi;
      var regStr_ie = /trident\/[\d.]+/gi ;
      var regStr_ff = /firefox\/[\d.]+/gi;
      var regStr_chrome = /chrome\/[\d.]+/gi ;
      var regStr_saf = /safari\/[\d.]+/gi ;
      var regStr_opera = /opr\/[\d.]+/gi;
      //IE
      if(agent.indexOf("trident") > 0){
        arr.push(agent.match(regStr_ie)[0].split('/')[0]);
        arr.push(agent.match(regStr_ie)[0].split('/')[1]);
        return arr;
      }
      //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";
      }
    }

    效果图、谷歌浏览器:

     效果图、火狐浏览器:

      效果图、Edge浏览器:

      效果图、IE浏览器: 

     

     最后为了方便大家的沟通与交流请加QQ群: 625787746

    请进QQ群交流:【IT博客技术分享群①】:正在跳转

    展开全文
  • vue 获取当前浏览器登录的ip

    千次阅读 2022-04-27 17:12:01
    方法一、原生js方法 Document vue里面的写法。在入口文件: index.html 在对应的vue页面的 created()方法里面: cr

    方法一、原生js方法

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8" />
      <title>Document</title>
      <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 
      <script type="text/javascript"> 
      console.log("returnCitySN:", returnCitySN, returnCitySN["cip"])
        document.write('IP地址:' + returnCitySN["cip"] + ', CID:' + returnCitySN["cid"] + ', 地区:' + returnCitySN["cname"]);
    
      </script>
    </head>
    
    <body> 
    </body>
    </html>

    vue里面的写法。在入口文件: index.html

     在对应的vue页面的 created()方法里面:

    
     cr
    展开全文
  • 项目中使用到了vue这个框架, 并且使用了一些弹性布局的的盒子, 导致项目在不同浏览器中出现样式错乱的现象 一个很简单的例子 remove()方法在 IE 中不能运行,这就需要针对 IE 单独做处理 var userAgent = ...

    在开发过程中经常遇到的问题就是兼容性问题

    项目中使用到了vue这个框架, 并且使用了一些弹性布局的的盒子, 导致项目在不同浏览器中出现样式错乱的现象

    一个很简单的例子
    
    remove()方法在 IE 中不能运行,这就需要针对 IE 单独做处理

     

    复制代码

        var userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串
    
        var isOpera = userAgent.indexOf("Opera") > -1;
        //判断是否Opera浏览器
        if (isOpera) {
            return "Opera"
        }; 
        //判断是否Firefox浏览器
        if (userAgent.indexOf("Firefox") > -1) {
            return "FF";
        } 
        //判断是否chorme浏览器
        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";
        }
        //判断是否Edge浏览器
        if (userAgent.indexOf("Trident") > -1) {
            return "Edge";
        };
        
    

     

    这里需要注意的是,
    我这里是在 win7 系统中打开 ie 后,ie 有一个 edge 的模块

     

    展开全文
  • 1.index.html引入 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src=...</script>...
  • vue获取浏览器请求链接的参数

    千次阅读 2020-04-10 18:09:49
    在我们做卫星公众号项目的时候往往都要获取用户信息,这时候后端会给你请求链接。我们的参数就是从这个请求连接里拿的 首先新建一个文件夹 method.js 加入下面的代码: export function getUrlKey(name) { return ...
  • Vue获取电脑及浏览器缩放比例{案例}

    千次阅读 2022-02-22 18:13:24
    mounted() { this.$nextTick(() =>... { // 监听浏览器窗口大小改变 // 浏览器变化执行动作 }); }); }, // 方法 detectZoom() { let ratio = 0 const screen = window.screen const ua = navigator.use...
  • function getBrowserInfo(){ var ua = navigator.userAgent.toLocaleLowerCase(); var browserType=null; if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = "IE";...
  • 既判断分辨率,也判断浏览器 重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。 代码如下:[removed] <!– if (window.navigator.userAgent.indexOf(“MSIE”)>=1) { var IE1024=””; ...
  • vue开发之不同浏览器类型判断

    千次阅读 2019-11-28 19:10:43
    一、通过navigator.userAgent来进行浏览器类型判断 定义和用法 userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。 一般来讲,它是在 navigator.appCodeName 的值之后加上斜线...
  • 获取浏览器类型和版本

    千次阅读 2019-03-06 10:28:57
    var _uuid, _browserType, userAgent = window.navigator.userAgent.toLowerCase()...//获取浏览器类型和版本 if(userAgent.indexOf('firefox') !== -1){ _browserType = 'Firefox'; } else if ((userAgent.index...
  • js获取浏览器版本信息

    千次阅读 2018-10-16 17:40:39
    * 获取浏览器版本信息 */ function getBrowerInfo() { let userAgent = window.navigator.userAgent.toLowerCase() let browserType = '' let browserVersion = '' let isIE = userAgent.match(/msie/) ...
  • vue禁用浏览器后退

    2022-01-20 15:54:05
    在utils文件夹下新建banBackSpace.js export function banBackSpace(e){ var ev = e || window.event;//获取event对象 ...//获取事件源类型 //获取作为判断条件的事件类型 var vReadOnly = obj.getAttrib
  • 例子: 当你没有登录,打开唯品会搜索鞋子,然后关闭掉浏览器,然后再打开...如果传入的是一个对象类型的话 发现这就是对象的tostring 的结果也就是说,这个数据废了,之后读出来的也不是数据的结果 因为就像,前面...
  • <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> ... console.log('ip,地区,浏览器,操作系统,:', this.ip, this.area,this.brower, this.os) 最后效果  
  • 公司需求:  在线上浏览器调用摄像头拍照上传  本人实现调用摄像头拍照以下代码 经测试 (Google Chrome 88.0.4324.182) 版本可用 ...发布到服务器只能支持HTTPS的 HTTP类型的会报错解决谷歌浏览器不支持HTTP的  ...
  • mounted生命周期 需对 WeixinJSBridgeReady 是否已经执行... } else { //已经执行 使用 getNetworkType 调用获取网络类型后执行 WeixinJSBridge.invoke("getNetworkType", {}, () => { this.$refs.music.play(); }); }
  • class DevicePixelRatio { ... //获取系统类型 _getSystem() { let flag = false; var agent = navigator.userAgent.toLowerCase(); // var isMac = /macintosh|mac os x/i.test(navigator.u.
  • Vue.js怎么获取手机系统型号、版本、浏览器类型发布时间:2020-07-28 11:22:33来源:亿速云阅读:161作者:小猪这篇文章主要为大家展示了Vue.js怎么获取手机系统型号、版本、浏览器类型,内容简而易懂,希望大家可以...
  • vue获取服务器地址

    千次阅读 2021-08-12 07:52:34
    vue获取服务器地址 内容精选换一换GB28181类型设备在接入VIS时,需要配置VIS对外提供的SIP服务器地址、端口。SIP服务器地址和端口可以在VIS控制台获取,如图1所示。无法正常使用Cloud-init。弹性云服务器获取...
  • 1.vue 监听网页关闭/浏览器关闭事件 <script> export default { name: 'App', mounted(){ //添加监听事件 window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) }, methods:...
  • vue定位 获取用户位置信息

    万次阅读 2019-07-04 10:17:43
    H5定位:定位相对较准,但是部分浏览器不兼容,我主要是在手机上测试的,UC和百度浏览器还有ios的微信浏览器是兼容的,其他的浏览器如华为浏览器、搜狗浏览器、QQ浏览器、安卓的微信浏览器全都不兼容。 百度定位:...
  • 前言我们经常会有需求,希望能获取的到当前用户的IP地址,而IP又分为公网ip(也称外网)和私网IP(也称内网IP),IP地址是IP协议提供的一种统一的地址格式,每台设备都设定了一个唯一的IP地址”,从而确保了用户在连网的...
  • cookie_js npm install cookie_js...获取 cookie.get(‘key’) cookie.get([‘key1’,‘key2’]) 清除 cookie.remove(‘key’) cookie.remove(‘key1’,‘key2’) cookie.remove([‘key1’,‘key2’]) HTML5本地存储 se
  • vue中监听浏览器宽度变化及跨域处理 本文主要做笔记防止遗忘,需求是页面自适应浏览器大小展示不同数量数据 浏览器事件 ... screenWidth: document.body.clientWidth, // 获取浏览器宽度 }; }, ...
  • 最近在评估项目时,要开启评估平台,查看平台和保存平台,感觉非常繁琐,开发了一款可以获取评估平台数据,查看项目排期和直接保存数据到数据库的chrome插件,由于我需要使用之前vue封装的一个日历插件,这里就用vue...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 30,341
精华内容 12,136
热门标签
关键字:

vue获取浏览器类型

友情链接: dchvfzi.rar