JS判斷是否在微信瀏覽器打開的簡單實(shí)例(推薦)
最近做很多HTML5的項(xiàng)目,很多頁面會(huì)通過微信微博等SNS分享出去。在分享頁面上提供公司APP的下載。但是在很多應(yīng)用的瀏覽器中,點(diǎn)擊下載鏈接無法下載應(yīng)用。那么針對(duì)這些瀏覽器我們需要給用戶提示從safari或者系統(tǒng)自帶的瀏覽器打開分享頁面。通過js就可以判斷當(dāng)前頁面是在什么瀏覽器打開的。
以下是一段示例代碼,注釋中表明了通過JS如何判斷是否在微信瀏覽器打開,是否在QQ空間瀏覽器,是否在新浪微博打開。當(dāng)然可以做得更完善一點(diǎn),再加上判斷是在移動(dòng)設(shè)備打開還是在PC端瀏覽器打開的,更加細(xì)分一點(diǎn),可以判斷是在安卓系統(tǒng)的瀏覽器打開的還是IOS系統(tǒng)瀏覽器打開的。
if (browser.versions.mobile) {//判斷是否是移動(dòng)設(shè)備打開。browser代碼在下面
var ua = navigator.userAgent.toLowerCase();//獲取判斷用的對(duì)象
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 { //移動(dòng)終端瀏覽器版本信息
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.*/), //是否為移動(dòng)終端
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判斷是否在微信瀏覽器打開的簡單實(shí)例(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
javascript Error 對(duì)象 錯(cuò)誤處理
javascript常見error對(duì)象處理,錯(cuò)誤代碼集合2008-05-05
JavaScript實(shí)現(xiàn)的級(jí)聯(lián)算法示例【省市二級(jí)聯(lián)動(dòng)功能】
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的級(jí)聯(lián)算法,結(jié)合省市二級(jí)聯(lián)動(dòng)下拉菜單功能實(shí)例分析了javascript事件響應(yīng)與元素動(dòng)態(tài)操作實(shí)現(xiàn)級(jí)聯(lián)算法的相關(guān)技巧,需要的朋友可以參考下2018-12-12
javascript實(shí)現(xiàn)tabs選項(xiàng)卡切換效果(擴(kuò)展版)
常用的頁面效果有彈出層效果,無縫滾動(dòng)效果,選項(xiàng)卡切換效果,接下來與大家分享一款自己用原生javascript寫的選項(xiàng)卡切換效果在原有的基礎(chǔ)上進(jìn)行了擴(kuò)展,加入了自動(dòng)輪播,這樣就變成了類似圖片輪播的效果2013-03-03
setTimeout()遞歸調(diào)用不加引號(hào)出錯(cuò)的解決方法
用了setTimeout()想實(shí)現(xiàn)遞歸調(diào)用,如果第一個(gè)參數(shù)不加引號(hào)的話,就會(huì)出錯(cuò),下面與大家分享下該如何解決2014-09-09
7. Microsoft Online-Crash Control, version 6.0(微軟在線崩潰控件)
7. Microsoft Online-Crash Control, version 6.0(微軟在線崩潰控件)...2007-08-08
js事件機(jī)制----捕獲與冒泡機(jī)制實(shí)例分析
這篇文章主要介紹了js事件機(jī)制----捕獲與冒泡機(jī)制,結(jié)合實(shí)例形式分析了js事件機(jī)制中捕獲與冒泡機(jī)制相關(guān)原理、操作技巧與注意事項(xiàng),需要的朋友可以參考下2020-05-05
js判斷瀏覽器類型,版本的代碼(附多個(gè)實(shí)例代碼)
當(dāng)前世界上有很多種瀏覽器,除了我們熟知的IE, Firefox, Opera, Safari四大瀏覽器之外,世界上還有近百種瀏覽器,有時(shí)候我們需要判斷瀏覽器與版本方便后續(xù)的操作,一句話瀏覽器的兼容性太差了,缺少標(biāo)準(zhǔn)2014-05-05

