当前位置:主页 > 站长学院 > 移动互联 >

移动开发中判断移动端浏览器类型的代码分享

YouYou 发布于 2020-03-12
频道:移动互联

移动开发中判断移动端浏览器类型的代码分享:

1、判断IOS / 安卓

  1. const u = navigator.userAgent; 
  2. const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); 
  3. if (isiOS) { 
  4.     console.log('IOS'
  5. }else
  6.     console.log('安卓'

2、判断是否为Safari浏览器

  1. isSafari(){//判断是否为safari 
  2.   var ua = navigator.userAgent.toLowerCase(); 
  3.   if (ua.indexOf('applewebkit') > -1 && ua.indexOf('mobile') > -1 && ua.indexOf('safari') > -1 && 
  4.       ua.indexOf('linux') === -1 && ua.indexOf('android') === -1 && ua.indexOf('chrome') === -1 && 
  5.       ua.indexOf('ios') === -1 && ua.indexOf('browser') === -1) { 
  6.       return true 
  7.   }else
  8.       return false; 
  9.   } 

3、判断微信环境以及其他类型

  1. import { browser } from './browser.js';//引入判断js 
  2. if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 
  3.         var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 
  4.         if (ua.match(/MicroMessenger/i) == "micromessenger") { 
  5.                 //在微信中打开 
  6.         } 
  7.         if (ua.match(/WeiBo/i) == "weibo") { 
  8.                 //在新浪微博客户端打开 
  9.         } 
  10.         if (ua.match(/QQ/i) == "qq") { 
  11.                 //在QQ空间打开 
  12.         } 
  13.         if (browser.versions.ios) { 
  14.                 //是否在IOS浏览器打开 
  15.         }  
  16.         if(browser.versions.android){ 
  17.                 //是否在安卓浏览器打开 
  18.         } 
  19. else { 
  20.         //否则就是PC浏览器打开 
  1. //browser.js 
  2. export const browser = { 
  3.     versions: function () { 
  4.         var u = navigator.userAgent, app = navigator.appVersion; 
  5.         return {         //移动终端浏览器版本信息 
  6.             trident: u.indexOf('Trident') > -1, //IE内核 
  7.             presto: u.indexOf('Presto') > -1, //opera内核 
  8.             webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 
  9.             gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 
  10.             mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 
  11.             ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 
  12.             android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器 
  13.             iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 
  14.             iPad: u.indexOf('iPad') > -1, //是否iPad 
  15.             webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 
  16.         }; 
  17.     }(), 
  18.     language: (navigator.browserLanguage || navigator.language).toLowerCase() 

    打赏是您对我们最大的鼓励!

    扫一扫打赏
    相关文章
    相关评论

    评论列表(条)

      ×
      QQ在线客服

      服务中心

      zfzf