js代码判断浏览器

wind5o 发布于2019-08-23 14:55 / 682人阅读

摘要：一在公共的部分引入一个文件判断当前的浏览器，代码如下移动终端浏览器版本信息内核内核苹果谷歌内核火狐内核是否为移动终端终端终端或浏览器是否为或者浏览器是否是否微信新增是否是否应该程序，没有头部与底部二在需要判断的

一、在公共的js部分引入一个js文件判断当前的浏览器，代码如下

let browser = {
  versions: (function () {
    let u = navigator.userAgent
    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 || u.indexOf("Adr") > -1, // android终端或uc浏览器
      iPhone: u.indexOf("iPhone") > -1, // 是否为iPhone或者QQHD浏览器
      iPad: u.indexOf("iPad") > -1, // 是否iPad
      webApp: u.indexOf("Safari") === -1,
      weixin: u.indexOf("MicroMessenger") > -1, // 是否微信 （2015-01-22新增）
      qq: u.indexOf(" QQ") > -1 // 是否QQ
      // 是否web应该程序，没有头部与底部
    }
  }()),
  language: (navigator.browserLanguage || navigator.language)
    .toLowerCase()
}

export default browser

二、在需要判断的组件里局部引用此文件

import browser from "common/js/judge_device.js"

假设需要判断该浏览器是否是微信浏览器

console.log(browser.versions.weixin) // true就是微信浏览器，否则为其他浏览器

超融合服务器云服务器 js浏览器判断代码 JS判断浏览器 js判断用户浏览器判断当前浏览器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/101342.html

JS note ---语句

语句 JavaScript 语句向浏览器发出的命令语句的作用是告诉浏览器该做什么。 JS就是由一条一条的语句构成的每一条语句使用;结尾 JS中的语句默认是由上至下顺序执行的但是我们也可以通过一些流程控制语句来控制语句的执行顺序代码块代码块是在大括号{}中所写的语句将多条语句的集合视为一条语句来使用一般使用代码块将需要一起执行的语句进行分组代码块结尾不需要加分号 ...

刘玉平 2019-08-23 10:50 评论0 收藏0
js笔记系列之--Navigator对象理解及判断

摘要：入门系列之位置及相对位置事件坐标对象在写前端页面的时候，我们会碰到不同浏览器下不同逻辑的情况。指明系统是否处于脱机模式的布尔值。运行浏览器的操作系统平台。由客户机发送服务器的头部的值。 js入门系列之位置及相对位置事件坐标 Navigator对象在写前端页面的时候，我们会碰到不同浏览器下不同逻辑的情况。这个时候我们就有必要通过js代码来确认当前浏览器的种类以及版本，这个时候我们...

高胜山 2019-08-22 15:20 评论0 收藏0
<<编写可维护的javascript>> 笔记8(避免'空比较&#

摘要：中常常会看到这种代码变量与的比较这种用法很有问题用来判断变量是否被赋予了一个合理的值比如不好的写法执行一些逻辑这段代码中方法显然是希望是一个数组因为我们看到的拥有和这段代码的意图非常明显如果参数不是一个数组则停止接下来的操作这种写法的问题在 js中, 常常会看到这种代码: 变量与null的比较(这种用法很有问题), 用来判断变量是否被赋予了一个合理的值. 比如: const Contr...

young.li 2019-08-21 18:40 评论0 收藏0
有了 TensorFlow.js，浏览器中就能进行实时人体姿势判断

摘要：反馈检测到的每个人的置信度值以及检测到的每个姿势关键点。姿势置信度这决定了姿势判断的整体置信度。在较高级别，这将控制回馈的姿势较低置信度分数。只有在调整姿势置信度得分不够好的情况下，为了过滤掉不太准确的姿势，该数值应该增加或减少。文 / Dan Oved，Google Creative Lab 的自由创意技术专家，纽约大学 ITP 的研究生。编辑和插图 / 创意技术专家 Irene Alv...

KaltZK 2019-04-25 18:28 评论0 收藏0