【方法】JS判斷當前頁面環境:PC端/移動端,安卓/IOS,微信環境/QQ環境等等


【主要知識】

瀏覽器設備信息:navigator.userAgent(本文中主要用到知識)

瀏覽器版本信息:navigator.appVersion

var ua = navigator.userAgent;var browser = {
  versions: function () { // 瀏覽器版本信息
    return {
      trident: ua.indexOf('Trident') > -1, // IE瀏覽器 trident內核
      presto: ua.indexOf('Presto') > -1, // opera瀏覽器 presto內核
      webKit: ua.indexOf('AppleWebKit') > -1, // chrome safari瀏覽器 webkit內核
      gecko: ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') == -1, //firefox瀏覽器 gecko內核
      mobile: !!ua.match(/AppleWebKit.*Mobile.*/), // 是否為移動終端
      ios: !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios終端
      android: ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1, // android終端或UC瀏覽器
      iPad: ua.indexOf('iPad') > -1, //iPad終端
      webApp: ua.indexOf('Safari') == -1 //是否web應用程序,沒有頭部與底部
    }
  }(),
  language: (navigator.browserLanguage || navigator.language).toLowerCase() // 文檔語言
}

if (browser.versions.mobile) { // 判斷是否是移動設備打開  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瀏覽器打開 }

 

【參考文章】

js判斷當前頁面是在QQ客戶端...

移動端如何判斷當前設備...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM