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打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
返回对象在当前级别中是第几个元素的实现代码
Jan 20 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
Javascript加载速度慢的解决方案
Mar 11 Javascript
基于MVC方式实现三级联动(JavaScript)
Jan 23 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
微信小程序冒泡事件及其阻止方法实例分析
Dec 06 Javascript
微信小程序在text文本实现多种字体样式
Nov 08 Javascript
JavaScript计算出两个数的差值
Mar 19 Javascript
JS 创建对象的模式实例小结
Apr 28 Javascript
微信小程序实现点击导航条切换页面
Nov 19 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图像处理类代码分享
2012/01/19 PHP
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
ajax提交表单实现网页无刷新注册示例
2014/05/08 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
2015/03/19 Javascript
JavaScript控制按钮可用或不可用的方法
2015/04/03 Javascript
用JavaScript实现对话框的教程
2015/06/04 Javascript
javascript实现简单的进度条
2015/07/02 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
JavaScript脚本库编写的方法
2015/12/09 Javascript
基于javascript实现图片左右切换效果
2016/01/25 Javascript
javascript中的后退和刷新实现方法
2016/11/10 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
2017/04/01 Javascript
微信小程序实现给循环列表添加点击样式实例
2017/04/26 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
微信小程序使用车牌号输入法的示例代码
2019/08/20 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
Vue实现简易购物车页面
2020/12/30 Vue.js
Python的条件语句与运算符优先级详解
2015/10/13 Python
django使用html模板减少代码代码解析
2017/12/12 Python
python实现蒙特卡罗方法教程
2019/01/28 Python
Linux下远程连接Jupyter+pyspark部署教程
2019/06/21 Python
wxPython实现带颜色的进度条
2019/11/19 Python
机电专业体育教师求职信
2013/09/21 职场文书
专业销售业务员求职信
2013/11/18 职场文书
初一体育教学反思
2014/01/29 职场文书
领导干部学习三严三实心得体会
2016/01/05 职场文书
redis三种高可用方式部署的实现
2021/05/11 Redis
OpenCV 图像梯度的实现方法
2021/07/25 Python
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
create-react-app开发常用配置教程
2022/06/25 Javascript