js判断当前页面用什么浏览器打开的方法


Posted in Javascript onJanuary 06, 2016

最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面,通过js就可以判断当前页面是在什么浏览器打开的。

以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,这一点可以参考本文,更加细分一点,可以判断是在安卓系统的浏览器打开的还是IOS系统浏览器打开的。

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浏览器打开
}

再附上browser的代码,通过以下方法可以判断很多浏览器。包括判断IE浏览器,Opera浏览器,苹果浏览器,谷歌浏览器,火狐浏览器等。

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()
}

另一种方法:

用JS来判断了,经过查找资料终于实现了效果,直接上代码

function is_weixn(){ 
  var ua = navigator.userAgent.toLowerCase(); 
  if(ua.match(/MicroMessenger/i)=="micromessenger") { 
    return true; 
  } else { 
    return false; 
  } 
}

通过测试完全通过,无论是android 还是iphone,ipad 都可以,当然我们除了用js来判断之外,用其它语言来判断就更简单了,比如PHP

function is_weixin(){ 
  if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) { 
      return true; 
  }  
  return false; 
}

以上就是为大家分享了js判断当前页面用什么浏览器打开的方法,希望对大家的学习有所帮助。

Javascript 相关文章推荐
jQuery中bind与live的用法及区别小结
Jan 27 Javascript
使用jQuery和PHP实现类似360功能开关效果
Feb 12 Javascript
原生js和jQuery随意改变div属性style的名称和值
Oct 22 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
Aug 10 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
Nov 07 Javascript
JavaScript面试题(指针、帽子和女朋友)
Nov 23 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
JS正则表达式验证密码格式的集中情况总结
Feb 23 Javascript
Angular获取手机验证码实现移动端登录注册功能
May 17 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
vuex + keep-alive实现tab标签页面缓存功能
Oct 17 Javascript
vue 使用插槽分发内容操作示例【单个插槽、具名插槽、作用域插槽】
Mar 06 Javascript
javascript中闭包(Closure)详解
Jan 06 #Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 #Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 #Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 #Javascript
javascript实现简单的全选和反选功能
Jan 05 #Javascript
Javascript原型链的原理详解
Jan 05 #Javascript
深入浅析JavaScript系列(13):This? Yes,this!
Jan 05 #Javascript
You might like
使用dump函数,给php加断点测试
2013/06/25 PHP
PHP实现加强版加密解密类实例
2015/07/29 PHP
Yii2框架自定义验证规则操作示例
2019/02/08 PHP
JavaScript 仿关机效果的图片层
2008/12/26 Javascript
js自执行函数的几种不同写法的比较
2012/08/16 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
2013/02/06 Javascript
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
跟我学Nodejs(三)--- Node.js模块
2014/05/25 NodeJs
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
JavaScript 冒泡排序和选择排序的实现代码
2016/09/03 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
详解js中Json的语法与格式
2016/11/22 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
JavaScript Window窗口对象属性和使用方法
2020/01/19 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
2020/11/17 Javascript
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
Python socket实现简单聊天室
2018/04/01 Python
Python数据结构之哈夫曼树定义与使用方法示例
2018/04/22 Python
Python中拆分字符串的操作方法
2019/07/23 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
Python GUI自动化实现绕过验证码登录
2020/01/10 Python
彪马西班牙官网:PUMA西班牙
2019/06/18 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
JAVA软件工程师测试题
2014/07/25 面试题
2014年自我评价
2014/01/04 职场文书
打架检讨书50字
2014/01/11 职场文书
产品促销活动策划书
2014/01/15 职场文书
绩效工资分配方案
2014/01/18 职场文书
大学校运会广播稿
2014/02/03 职场文书
生物制药专业自我鉴定
2014/02/19 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
自愿解除劳动合同协议书
2014/09/11 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
高中运动会前导词
2015/07/20 职场文书
详解JS ES6编码规范
2021/05/07 Javascript