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 相关文章推荐
return false;和e.preventDefault();的区别
Jul 11 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
Sep 04 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
使用js Math.random()函数生成n到m间的随机数字
Oct 09 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
Nov 10 Javascript
使用Math.max,Math.min获取数组中的最值实例
Apr 25 Javascript
详解ES6通过WeakMap解决内存泄漏问题
Mar 09 Javascript
Vue SSR 组件加载问题
May 02 Javascript
JS实现二维数组元素的排列组合运算简单示例
Jan 28 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
Vue extend的基本用法(实例详解)
Dec 09 Javascript
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
浅谈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
Extended CHM PHP 语法手册之 DIY
2006/10/09 PHP
php循环检测目录是否存在并创建(循环创建目录)
2011/01/06 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
javascript 写类方式之四
2009/07/05 Javascript
妙用Jquery的val()方法
2012/06/27 Javascript
javascript设计模式 接口介绍
2012/07/24 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
基于JavaScript获取鼠标位置的各种方法
2015/12/16 Javascript
javascript中的作用域和闭包详解
2016/01/13 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
JS异步错误捕获的一些事小结
2019/04/26 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
Python程序设计入门(3)数组的使用
2014/06/16 Python
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
python实现通过代理服务器访问远程url的方法
2015/04/29 Python
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
Python引用模块和查找模块路径
2016/03/17 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
Python环境下安装PyGame和PyOpenGL的方法
2020/03/25 Python
Anaconda配置pytorch-gpu虚拟环境的图文教程
2020/04/16 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
python中reload重载实例用法
2020/12/15 Python
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
幼师专业毕业生自荐信
2013/09/29 职场文书
办公室内勤岗位职责范本
2013/12/09 职场文书
2013年学期结束动员演讲稿
2014/01/07 职场文书
司机辞职报告范文
2014/01/20 职场文书
优秀团员个人事迹材料
2014/01/29 职场文书
党员评议思想汇报
2014/10/08 职场文书
2014年前台文员工作总结
2014/12/08 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
Java版 单机五子棋
2022/05/04 Java/Android