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 相关文章推荐
javascript web页面刷新的方法收集
Jul 02 Javascript
Jquery 插件开发笔记整理
Jan 17 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
jQuery查找节点并获取节点属性的方法
Sep 09 Javascript
详解angularJs中自定义directive的数据交互
Jan 13 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
jquery实现手机端单店铺购物车结算删除功能
Feb 22 Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
微信小程序实现拨打电话功能的示例代码
Jun 28 Javascript
react ant Design手动设置表单的值操作
Oct 31 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
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
Laravel中正确地返回HTTP状态码方法示例
2019/09/10 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
javascript常用方法汇总
2014/12/02 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
浅析javascript函数表达式
2016/02/10 Javascript
JS函数的定义与调用方法推荐
2016/05/12 Javascript
JavaScript 数组some()和filter()的用法及区别
2016/05/20 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
移动端使用localStorage缓存Js和css文的方法(web开发)
2016/09/20 Javascript
vue-resource 拦截器使用详解
2017/02/21 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
详解为生产环境编译Angular2应用的方法
2018/12/10 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
2019/05/09 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
[01:34]2014DOTA2展望TI 剑指西雅图VG战队专访
2014/06/30 DOTA
python实现识别相似图片小结
2016/02/22 Python
Java及python正则表达式详解
2017/12/27 Python
wx.CheckBox创建复选框控件并响应鼠标点击事件
2018/04/25 Python
使用 Supervisor 监控 Python3 进程方式
2019/12/05 Python
pytorch中使用cuda扩展的实现示例
2020/02/12 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
Python实现爬取并分析电商评论
2020/06/19 Python
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
上班睡觉检讨书
2014/01/09 职场文书
高三体育教学反思
2014/01/29 职场文书
亲子运动会的活动方案
2014/08/17 职场文书
2014年质检员工作总结
2014/11/18 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
优秀创业计划书分享
2019/07/19 职场文书
css3 选择器
2022/05/11 HTML / CSS