亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

js判斷當(dāng)前頁面用什么瀏覽器打開的方法

 更新時間:2016年01月06日 08:39:51   投稿:lijiao  
這篇文章主要介紹了js判斷當(dāng)前頁面用什么瀏覽器打開的方法,需要的朋友可以參考下

最近做很多HTML5的項目,很多頁面會通過微信微博等SNS分享出去。在分享頁面上提供公司APP的下載。但是在很多應(yīng)用的瀏覽器中,點擊下載鏈接無法下載應(yīng)用。那么針對這些瀏覽器我們需要給用戶提示從safari或者系統(tǒng)自帶的瀏覽器打開分享頁面,通過js就可以判斷當(dāng)前頁面是在什么瀏覽器打開的。

以下是一段示例代碼,注釋中表明了通過JS如何判斷是否在微信瀏覽器打開,是否在QQ空間瀏覽器,是否在新浪微博打開。當(dāng)然可以做得更完善一點,再加上判斷是在移動設(shè)備打開還是在PC端瀏覽器打開的,這一點可以參考本文,更加細(xì)分一點,可以判斷是在安卓系統(tǒng)的瀏覽器打開的還是IOS系統(tǒng)瀏覽器打開的。

if (browser.versions.mobile) {//判斷是否是移動設(shè)備打開。browser代碼在下面
    var ua = navigator.userAgent.toLowerCase();//獲取判斷用的對象
    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瀏覽器打開
}

再附上browser的代碼,通過以下方法可以判斷很多瀏覽器。包括判斷IE瀏覽器,Opera瀏覽器,蘋果瀏覽器,谷歌瀏覽器,火狐瀏覽器等。

var browser = {
  versions: function () {
    var u = navigator.userAgent, app = navigator.appVersion;
    return {     //移動終端瀏覽器版本信息
      trident: u.indexOf('Trident') > -1, //IE內(nèi)核
      presto: u.indexOf('Presto') > -1, //opera內(nèi)核
      webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內(nèi)核
      gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核
      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瀏覽器
      iPhone: u.indexOf('iPhone') > -1, //是否為iPhone或者QQHD瀏覽器
      iPad: u.indexOf('iPad') > -1, //是否iPad
      webApp: u.indexOf('Safari') == -1 //是否web應(yīng)該程序,沒有頭部與底部
    };
  }(),
  language: (navigator.browserLanguage || navigator.language).toLowerCase()
}

另一種方法:

用JS來判斷了,經(jīng)過查找資料終于實現(xiàn)了效果,直接上代碼

function is_weixn(){ 
  var ua = navigator.userAgent.toLowerCase(); 
  if(ua.match(/MicroMessenger/i)=="micromessenger") { 
    return true; 
  } else { 
    return false; 
  } 
} 

通過測試完全通過,無論是android 還是iphone,ipad 都可以,當(dāng)然我們除了用js來判斷之外,用其它語言來判斷就更簡單了,比如PHP

function is_weixin(){ 
  if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) { 
      return true; 
  }  
  return false; 
} 

以上就是為大家分享了js判斷當(dāng)前頁面用什么瀏覽器打開的方法,希望對大家的學(xué)習(xí)有所幫助。

相關(guān)文章

  • typescript中正則表達式的常用使用方法

    typescript中正則表達式的常用使用方法

    這篇文章主要給大家介紹了關(guān)于typescript中正則表達式的常用使用方法,TypeScript是一種靜態(tài)類型的JavaScript超集,它提供了對正則表達式的全面支持,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-11-11
  • JScript的條件編譯

    JScript的條件編譯

    JScript的條件編譯...
    2007-05-05
  • js模擬實現(xiàn)煙花特效

    js模擬實現(xiàn)煙花特效

    這篇文章主要為大家詳細(xì)介紹了js模擬實現(xiàn)煙花特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • next.js之getStaticProps?getStaticPaths使用技巧解析

    next.js之getStaticProps?getStaticPaths使用技巧解析

    這篇文章主要為大家介紹了next.js之getStaticProps?getStaticPaths使用技巧解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-06-06
  • 自己寫的Javascript計算時間差函數(shù)

    自己寫的Javascript計算時間差函數(shù)

    Javascript計算時間差函數(shù),獲得時間差,時間格式為 年-月-日 小時:分鐘:秒 或者 年/月/日 小時:分鐘:秒。
    2013-10-10
  • JS保留兩位小數(shù),多位小數(shù)的示例代碼

    JS保留兩位小數(shù),多位小數(shù)的示例代碼

    本篇文章主要是對JS保留兩位小數(shù),多位小數(shù)的示例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • 用javascript做一個小游戲平臺 (二) 游戲選擇器

    用javascript做一個小游戲平臺 (二) 游戲選擇器

    昨天晚上“設(shè)計”了n久,那些代碼都還沒有運行起來,有點心急、有點郁悶。
    2010-01-01
  • 淺談JavaScript中指針和地址

    淺談JavaScript中指針和地址

    Javascript是一門基于對象的動態(tài)語言,也就是說,所有東西都是對象,一個很典型的例子就是函數(shù)也被視為普通的對象。Javascript可以通過一定的設(shè)計模式來實現(xiàn)面向?qū)ο蟮木幊?,其中this指針就是實現(xiàn)面向?qū)ο蟮囊粋€很重要的特性。
    2015-07-07
  • javaScript實現(xiàn)一個隊列的方法

    javaScript實現(xiàn)一個隊列的方法

    這篇文章主要介紹了javaScript實現(xiàn)一個隊列的方法,文中講解非常細(xì)致,代碼幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下
    2020-07-07
  • JS基于設(shè)計模式中的單例模式(Singleton)實現(xiàn)封裝對數(shù)據(jù)增刪改查功能

    JS基于設(shè)計模式中的單例模式(Singleton)實現(xiàn)封裝對數(shù)據(jù)增刪改查功能

    這篇文章主要介紹了JS基于設(shè)計模式中的單例模式(Singleton)實現(xiàn)封裝對數(shù)據(jù)增刪改查功能.結(jié)合實例形式分析了javascript基于單例模式結(jié)合ajax針對數(shù)據(jù)庫進行增刪改查的相關(guān)操作技巧,需要的朋友可以參考下
    2018-02-02

最新評論