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 进度条 实现代码
Jul 30 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
Nov 05 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
Feb 17 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
angularjs实现的购物金额计算工具示例
May 08 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
vue实现tab栏点击高亮效果
Aug 19 Javascript
js实现石头剪刀布游戏
Oct 11 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
CURL的学习和应用(附多线程实现)
2013/06/03 PHP
php导入模块文件分享
2015/03/17 PHP
php实现上传图片文件代码
2015/07/19 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
代码生成器 document.write()
2007/04/15 Javascript
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
js中substring和substr的详细介绍与用法
2013/08/29 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
jquery对dom节点的操作【推荐】
2016/04/15 Javascript
Bootstrap使用基础教程详解
2016/09/05 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
微信小程序+云开发实现欢迎登录注册
2019/05/24 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
微信小程序表单验证插件WxValidate的二次封装功能(终极版)
2019/09/03 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
教你如何在Django 1.6中正确使用 Signal
2014/06/22 Python
python处理二进制数据的方法
2015/06/03 Python
python遍历小写英文字母的方法
2019/01/02 Python
关于python3中setup.py小概念解析
2019/08/22 Python
Python 用turtle实现用正方形画圆的例子
2019/11/21 Python
python实现在线翻译功能
2020/03/03 Python
python filecmp.dircmp实现递归比对两个目录的方法
2020/05/22 Python
python os模块常用的29种方法使用详解
2020/06/02 Python
利用PyTorch实现VGG16教程
2020/06/24 Python
html5贪吃蛇游戏使用63行代码完美实现
2013/06/25 HTML / CSS
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
西班牙用户之间买卖视频游戏的平台:Wakkap
2020/03/21 全球购物
网络专业学生个人的自我评价
2013/12/16 职场文书
自我鉴定标准格式
2014/03/19 职场文书
质量安全标语
2014/06/07 职场文书
社区关爱留守儿童活动方案
2014/08/22 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
能用CSS实现的就不要麻烦JavaScript了
2021/10/05 HTML / CSS
Java获取字符串编码格式实现思路
2022/09/23 Java/Android