js判断当前浏览器的类型

做打印的时候,设置的A4纸的div的高度不能使用相同的高度,所以针对不同的浏览器,设置了不同的高度。这些代码是用来判断浏览器的类型的,网上找的着实好累,在这里总结一下。整个项目是webpack+vue的,代码规范使用的ES6。希望对有需要的人有所帮助。

export function _mime(option, value) {
   var mimeTypes = navigator.mimeTypes
   for (var mt in mimeTypes) {
     if (mimeTypes[mt][option] === value) {
       return true
     }
   }
   return false
 }
 /*
 浏览器类型判断
  */
 export function getBrowserType() {
   var ua = navigator.userAgent.toLowerCase()
   var is360 = _mime('type', 'application/vnd.chromium.remoting-viewer')
   if (window.opr !== undefined) {
     return 'opera'
   } else if (window.ActiveXObject !== undefined && ua.indexOf('MSIE') !== -1) {
     return 'ie'
   } else if (ua.indexOf('firefox') !== -1) {
     return 'firefox'
   } else if (ua.indexOf('safari') !== -1 && ua.indexOf('Version') !== -1) {
     return 'safari'
   } else if (ua.indexOf('chrome') > 1 && window.chrome !== undefined && is360) {
     return '360'
   } else if (ua.indexOf('chrome') > 1 && window.chrome !== undefined) {
     return 'chrome'
   }
 }

注意:判断是否是chrome浏览器放在最后,因为那个对于opera来说也是true

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以通过以下方法判断当前浏览器版本: 1. 使用 navigator.userAgent 属性获取浏览器信息字符串: ``` var userAgent = navigator.userAgent; ``` 2. 根据不同的浏览器判断规则,解析出浏览器名称和版本号: ``` // 判断是否为IE浏览器 if (userAgent.indexOf("MSIE") != -1 || userAgent.indexOf("Trident") != -1) { // 获取IE版本号 var ieVersion = userAgent.match(/(MSIE|rv:)\s?([\d\.]+)/)[2]; console.log("IE " + ieVersion); } // 判断是否为Edge浏览器 else if (userAgent.indexOf("Edge") != -1) { // 获取Edge版本号 var edgeVersion = userAgent.match(/Edge\/([\d\.]+)/)[1]; console.log("Edge " + edgeVersion); } // 判断是否为Chrome浏览器 else if (userAgent.indexOf("Chrome") != -1) { // 获取Chrome版本号 var chromeVersion = userAgent.match(/Chrome\/([\d\.]+)/)[1]; console.log("Chrome " + chromeVersion); } // 判断是否为Firefox浏览器 else if (userAgent.indexOf("Firefox") != -1) { // 获取Firefox版本号 var firefoxVersion = userAgent.match(/Firefox\/([\d\.]+)/)[1]; console.log("Firefox " + firefoxVersion); } // 判断是否为Safari浏览器 else if (userAgent.indexOf("Safari") != -1) { // 获取Safari版本号 var safariVersion = userAgent.match(/Version\/([\d\.]+)/)[1]; console.log("Safari " + safariVersion); } ``` 注意:以上代码只是简单的示例,实际中可能需要根据具体需求进行修改和完善。同时,由于不同浏览器的 user agent 字符串格式并不相同,因此解析方法也可能存在不同。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值