js判断在哪个浏览器打开项目的方法


Posted in Javascript onJanuary 21, 2020

通过以下方法判断浏览器

var browser = { 
  versions: function () { 
  var u = navigator.userAgent, app = navigator.appVersion; 
  return { //移动终端浏览器版本信息 
    trident:u.indexOf('Trident') > -1, //IE内核 
    presto: u.indexOf('Presto') > -1, //opera内核 
    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 
    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
    mobile: !!u.match(/AppleWebKit.\*Mobile.\*/), //是否为移动终端
    ios: !!u.match(/\\(i\[^;\]+;( U;)? CPU.+Mac OS X/), //ios终端 
    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器 
    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 
    iPad: u.indexOf('iPad') > -1, //是否iPad webApp: 
    u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 
    }; 
  }(),
  language: (navigator.browserLanguage || navigator.language).toLowerCase() 
}

以下为在各个浏览器中要执行的操作

if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 
  var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 
  if (ua.match(/MicroMessenger/i) == "micromessenger") { 
    //在微信中打开 
  } 
  if (ua.match(/WeiBo/i) == "weibo") { 
    //在新浪微博客户端打开 
  } 
  if (ua.match(/QQ/i) == "qq") { 
    //在QQ空间打开 
  } 
  if (browser.versions.ios) {
    //是否在IOS浏览器打开 
  } 
  if(browser.versions.android){ 
    //是否在安卓浏览器打开 
  } 
} else { 
//否则就是PC浏览器打开 
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于jQuery选择器的整理集合
Apr 26 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
JS简单模拟触发按钮点击功能的方法
Nov 30 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
jQuery中$.ajax()方法参数解析
Oct 22 Javascript
JS实现的几个常用算法
Nov 12 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
Mar 23 Javascript
kafka调试中遇到Connection to node -1 could not be established. Broker may not be available.
Sep 17 Javascript
JavaScript中的Proxy对象
Nov 27 Javascript
浅谈Vue.use到底是什么鬼
Jan 21 #Javascript
ant-design-vue 快速避坑指南(推荐)
Jan 21 #Javascript
Ant Design Vue 添加区分中英文的长度校验功能
Jan 21 #Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 #Javascript
详解vue中v-bind:style效果的自定义指令
Jan 21 #Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 #Javascript
Angular单元测试之事件触发的实现
Jan 20 #Javascript
You might like
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
Yii操作数据库的3种方法
2014/03/11 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
记Laravel调用Gin接口调用formData上传文件的实现方法
2019/12/12 PHP
jQuery 技巧大全(新手入门篇)
2009/05/12 Javascript
调用js时ie6和ie7,ff的区别
2009/08/19 Javascript
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
HTML页面弹出居中可拖拽的自定义窗口层
2014/05/07 Javascript
浅谈JavaScript字符串拼接
2015/06/25 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
使用vue制作FullPage页面滚动效果
2017/08/21 Javascript
JS基于开关思想实现的数组去重功能【案例】
2019/02/18 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
2019/10/23 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
国内常用的js类库大全(CDN公共库)
2020/06/24 Javascript
Vue触发input选取文件点击事件操作
2020/08/07 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
[05:03]显微镜下的DOTA2第十期——Ti3豪之超神幽鬼
2014/06/23 DOTA
浅谈python字典多键值及重复键值的使用
2016/11/04 Python
python绘制双柱形图代码实例
2017/12/14 Python
Djang的model创建的字段和参数详解
2019/07/27 Python
简单了解python shutil模块原理及使用方法
2020/04/28 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
Giglio德国网上精品店:奢侈品服装和配件
2016/09/23 全球购物
学校献爱心活动总结
2014/07/08 职场文书
美德少年事迹材料500字
2014/08/19 职场文书
新闻发布会新闻稿
2015/07/17 职场文书