精华内容
下载资源
问答
我要提问
  • 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()
    safari
    更多相关内容

  • Vue.js获取手机系统型号、版本、浏览器类型的示例代码

     2020-10-15 08:25:48
    主要介绍了vue js获取手机系统型号、版本、浏览器类型的示例代码，代码简单易懂，非常不错具有一定的参考借鉴价值,需要的朋友可以参考下
    收起

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

     2022-04-27 16:04:06
    这里注意罗列了常用的几种浏览器...// 获取当前登录的浏览器 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 中判断浏览器的类型、识别浏览器

     千次阅读 2021-01-22 15:31:25
    项目中使用到了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 的模块

     

    收起
    展开全文
    识别浏览器

  • vue js获取手机系统型号、版本、浏览器类型

     千次阅读 2020-05-08 10:47:17
    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 ...
    收起
    web

  • Vue获取电脑及浏览器缩放比例{案例}

     千次阅读 2022-02-22 18:13:24
    mounted() { this.$nextTick(() =>... { // 监听浏览器窗口大小改变 // 浏览器变化执行动作 }); }); }, // 方法 detectZoom() { let ratio = 0 const screen = window.screen const ua = navigator.use...
    收起
    前端

  • js 检测浏览器内核 vue navigator.userAgent获取浏览器信息(类型及系统)

     2021-09-06 16:32:49
    function getBrowserInfo(){ var ua = navigator.userAgent.toLocaleLowerCase(); var browserType=null; if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = "IE";...
    收起
    javascript

  • 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

     2020-12-08 20:44:23
    既判断分辨率，也判断浏览器 重新完善代码，使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。 代码如下:[removed] <!– if (window.navigator.userAgent.indexOf(“MSIE”)>=1) { var IE1024=””; ...
    收起

  • vue开发之不同浏览器的类型判断

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

  • 获取浏览器类型和版本

     千次阅读 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
    收起
    javascript 前端

  • vue 浏览器本地储存webStorage（localStorage sessionStorage）

     2021-07-23 17:44:56
    例子： 当你没有登录,打开唯品会搜索鞋子,然后关闭掉浏览器,然后再打开...如果传入的是一个对象类型的话 发现这就是对象的tostring 的结果也就是说,这个数据废了,之后读出来的也不是数据的结果 因为就像,前面...
    收起

  • VUE 获取访问IP、地区、浏览器以及电脑操作系统

     万次阅读 2019-07-22 11:37:55
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> ... console.log('ip，地区，浏览器，操作系统，：', this.ip, this.area,this.brower, this.os) 最后效果  
    收起

  • VUE用浏览器调用USB摄像头

     2021-02-25 19:40:29
    公司需求: 　在线上浏览器调用摄像头拍照上传 　本人实现调用摄像头拍照以下代码 经测试 (Google Chrome 88.0.4324.182) 版本可用 ...发布到服务器只能支持HTTPS的 HTTP类型的会报错解决谷歌浏览器不支持HTTP的 　...
    收起

  • 分享: Vue微信浏览器ios音乐自动播放

     2021-05-07 15:11:38
    mounted生命周期 需对 WeixinJSBridgeReady 是否已经执行... } else { //已经执行 使用 getNetworkType 调用获取网络类型后执行 WeixinJSBridge.invoke("getNetworkType", {}, () => { this.$refs.music.play(); }); }
    收起
    html5 javascript

  • vue 浏览器页面的适配的问题

     2022-03-26 11:51:38
    class DevicePixelRatio { ... //获取系统类型 _getSystem() { let flag = false; var agent = navigator.userAgent.toLowerCase(); // var isMac = /macintosh|mac os x/i.test(navigator.u.
    收起
    elementui

  • Vue.js怎么获取手机系统型号、版本、浏览器类型

     2021-06-04 04:23:40
    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。弹性云服务器获取...
    收起

  • vue 监听网页关闭/浏览器关闭事件

     2021-11-29 11:12:05
    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浏览器、安卓的微信浏览器全都不兼容。 百度定位：...
    收起

  • Vue实战041：获取当前客户端IP地址详解（内网和外网）

     千次阅读 2020-12-21 08:14:04
    前言我们经常会有需求，希望能获取的到当前用户的IP地址，而IP又分为公网ip(也称外网)和私网IP(也称内网IP)，IP地址是IP协议提供的一种统一的地址格式，每台设备都设定了一个唯一的IP地址”，从而确保了用户在连网的...
    收起

  • vue关于浏览器端存储的使用

     2020-12-09 10:11:39
    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
    收起
    cookie session

  • vue中监听浏览器宽度变化及跨域处理

     2021-03-09 15:41:33
    vue中监听浏览器宽度变化及跨域处理 本文主要做笔记防止遗忘，需求是页面自适应浏览器大小展示不同数量数据 浏览器事件 ... screenWidth: document.body.clientWidth, // 获取浏览器宽度 }; }, ...
    收起

  • vue开发chrome插件，实现获取界面数据和保存到数据库功能

     2021-01-18 15:28:46
    最近在评估项目时，要开启评估平台，查看平台和保存平台，感觉非常繁琐，开发了一款可以获取评估平台数据，查看项目排期和直接保存数据到数据库的chrome插件，由于我需要使用之前vue封装的一个日历插件，这里就用vue...
    收起

空空如也

空空如也

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

vue获取浏览器类型

友情链接： dchvfzi.rar