js怎样判断浏览器的信息

这次给大家带来js怎样判断浏览器的信息,关于js获取各种浏览器信息,例如微信浏览器,qq内置浏览器,电脑火狐浏览器,qq浏览器等等的注意事项有哪些,下面就是实战案例,一起来看一下。

判断手机相关浏览器

if (browser.versions.mobile) { //判断是否是移动设备打开。browser代码在下面  var ua = navigator.userAgent.toLowerCase();//获取判断用的对象   if (ua.match(/MicroMessenger/i) == "micromessenger") {      //在微信中打开  }  if (ua.match(/WeiBo/i) == "weibo") {     //在新浪微博客户端打开  }       if (browser.versions.ios) {       //是否在IOS浏览器打开  }     if (ua.match(/QQ/i) == "qq") {      //在QQ空间打开  }      if(browser.versions.android){      //是否在安卓浏览器打开  }} else {         //否则就是PC浏览器打开    }

登录后复制

浏览器信息汇总

var browser = { versions: function () {  var u = navigator.userAgent, app = navigator.appVersion;  return {   //移动终端浏览器版本信息   iPad: u.indexOf('iPad') > -1, //是否iPad      iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器   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浏览器   webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部  }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase()}

登录后复制

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

用JQ怎么实现右键点击收藏网页

jQuery必须掌握的API

jQuery实现多层验证后的表单验证

以上就是js怎样判断浏览器的信息的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2782206.html

(0)
上一篇 2025年3月8日 16:27:20
下一篇 2025年2月23日 06:54:13

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • JS怎样刷新父页面

    这次给大家带来JS怎样刷新父页面,JS刷新父页面的注意事项有哪些,下面就是实战案例,一起来看一下。 用iframe、弹出子页面刷新父页面iframe parent.location.reload(); 登录后复制 弹出子页面 window.…

    编程技术 2025年3月8日
    200
  • ajax前端的关联数组转json到后台方法

    这次给大家带来ajax前端的关联数组转json到后台方法,ajax前端的关联数组转json到后台的注意事项有哪些,下面就是实战案例,一起来看一下。 很多人碰到过ajax传值时无法直接传数组,而百度的大多数都是不能用的 所以我想到了一个方法:…

    2025年3月8日
    200
  • 让JS自动匹配出proto Js的方法

    这次给大家带来让JS自动匹配出proto Js的方法,JS自动匹配出proto Js的方法的注意事项有哪些,下面就是实战案例,一起来看一下。 在与后端的WebSocket通信时,前端要带一个proto文件是一个累赘的事情。首先是明显的曝光了…

    2025年3月8日
    200
  • 有趣的UglifyJS

    这次给大家带来有趣的uglifyjs,使用uglifyjs的注意事项有哪些,下面就是实战案例,一起来看一下。 也不是闲着没事去看压缩代码,但今天调试自己代码的时候发现有点意思。因为是自己写的,虽然压缩了,格式化之后还是很好辨认。当然作为mi…

    2025年3月8日
    200
  • protobuf.js 与 Long.js的使用详解

    这次给大家带来protobuf.js 与 long.js的使用详解,是急用protobuf.js 与 long.js的注意事项有哪些,下面就是实战案例,一起来看一下。 protobuf.js的结构和webpack的加载之后的结构很相似。这样…

    2025年3月8日
    200
  • JS事件先发布后订阅的方法

    这次给大家带来js事件先发布后订阅的方法,实现js事件先发布后订阅的注意事项有哪些,下面就是实战案例,一起来看一下。 之前写过一个的事件管理器,就是普通的先订阅后发布模式。但实际场景中我们需要做到后订阅的也能收到发布的消息。比如我们关注微信…

    2025年3月8日
    200
  • JavaScript关于IE8兼容问题的处理

    这次给大家带来JavaScript关于IE8兼容问题的处理,JavaScript关于IE8兼容问题处理的注意事项有哪些,下面就是实战案例,一起来看一下。 最初对做兼容性的认知只停留在UI层面,但其实UI层面都还好,因为毕竟你可以直接看得见现…

    2025年3月8日 编程技术
    200
  • JS里特别好用的轻量级日期插件

    这次给大家带来JS里特别好用的轻量级日期插件,使用JS里特别好用轻量级日期插件的注意事项有哪些,下面就是实战案例,一起来看一下。 jquery的日期插件有好几款,H5中的input也可以自带日期选择。但为什么要再写一个,有两个理由,一个是引…

    2025年3月8日
    200
  • JavaScript的事件管理

    这次给大家带来javascript的事件管理,使用javascript的事件管理的注意事项有哪些,下面就是实战案例,一起来看一下。 在设计JavaScript xxsdk的时候考虑到能让调用者参与到工作流程中来,开始用了回调函数。如下: t…

    2025年3月8日
    200
  • Nodejs的form验证及图片上传

    这次给大家带来Nodejs的form验证及图片上传 ,使用Nodejs的form验证及图片上传注意事项有哪些,下面就是实战案例,一起来看一下。 一、form验证  MVC的form验证有三个地方可以做,第一道关就是前端提交之前,第二道关就是…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论