JS點擊下載跳轉(zhuǎn)IOS或者Android

在移動wap上并巍,最常見的就是引流用戶下載安裝自己的應用程序咐扭,如何通過js點擊判斷下載是ios還是安卓呢子寓?其實很簡單辜羊,就是要判斷用戶的設備是iOS還是Android,然后分別跳轉(zhuǎn)就可以了八秃∪忭铮·

有了這個判斷昔驱,就可以根據(jù)對應的平臺來進行操作∩先蹋·
1.安卓的骤肛,就直接下載app窍蓝,或者跳到安卓應用市場下載
2.iOS的腋颠,直接跳到蘋果商店的應用頁進行下載
3.其它平臺吓笙,跳到自定義的頁面淑玫,比如一個放有多個平臺的下載頁

廢話不多說,直接上代碼

function downApp(){
    var u = navigator.userAgent, 
    isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1,
    isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
    urls = {
        'android':'http://21231231.apk',
        'ios':'https://itunes.apple.com/cn/app/21231231/id 21231231',
        'other':'http://21231231/index.html'
    };
    //三元運算
    // window.location.href = isAndroid? urls.android : isiOS? urls.ios : urls.other;
    //簡化
    if(isAndroid){
        window.location.href=urls.android;
    }else if(isiOS){
        window.location.href=urls.ios;
    }else{
        window.location.href=urls.other;
    }
}
downApp();

你可以直接把這個函數(shù)放在一個按鈕或者鏈接上,點擊觸發(fā)這個事件絮蒿。就能實現(xiàn)js點擊跳轉(zhuǎn)到適合手機的設備了尊搬。

<a href="javascript:void(0)" onclick="downApp()">點擊下載應用</a>

記得修改一下上面應用的鏈接地址土涝,設置對應的路徑??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市狗准,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌腔长,老刑警劉巖验残,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件捞附,死亡現(xiàn)場離奇詭異您没,居然都是意外死亡,警方通過查閱死者的電腦和手機氨鹏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門仆抵,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人镣丑,你說我怎么就攤上這事≥航常” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵摇庙,是天一觀的道長期贫。 經(jīng)常有香客問我跟匆,道長通砍,這世上最難降的妖魔是什么烤蜕? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任迹冤,我火速辦了婚禮,結(jié)果婚禮上泡徙,老公的妹妹穿的比我還像新娘。我一直安慰自己堪藐,他們只是感情好,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布糖荒。 她就那樣靜靜地躺著模捂,像睡著了一般捶朵。 火紅的嫁衣襯著肌膚如雪狂男。 梳的紋絲不亂的頭發(fā)上综看,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天岖食,我揣著相機與錄音红碑,去河邊找鬼泡垃。 笑死句喷,一個胖子當著我的面吹牛兔毙,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播兄春,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼赶舆!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起芜茵,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎九串,沒想到半個月后寺鸥,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡品山,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了肘交。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡涯呻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出复罐,到底是詐尸還是另有隱情,我是刑警寧澤市栗,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站填帽,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏篡腌。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一叛甫、第九天 我趴在偏房一處隱蔽的房頂上張望杨伙。 院中可真熱鬧其监,春花似錦限匣、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽究西。三九已至,卻和暖如春卤材,著一層夾襖步出監(jiān)牢的瞬間遮斥,已是汗流浹背商膊。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留藐翎,地道東北人。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓吝镣,卻偏偏與公主長得像昆庇,于是被迫代替她去往敵國和親末贾。 傳聞我的和親對象是個殘疾皇子整吆,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,167評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫表蝙、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,105評論 4 62
  • 《斷章》 卞之琳你站在橋上看風景看風景的人在樓上看你明月裝飾了你的窗子你裝飾了別人的夢 取名為段章,是因為是這是他...
    圖同閱讀 551評論 0 0
  • 從下午2點多集索,看完`奇葩說---沒有上進心汇跨,有沒有錯`后务荆,就一直有點難受穷遂。 我算是一個沒有上進心的人,起碼蚪黑,大家看...
    南瓜車里的柚子閱讀 282評論 0 0
  • 匪夷所思的夢境。自從分手祠锣,我們再也沒有任何交集咽安,一切聯(lián)系方式都在伴网。卻從來沒有聯(lián)系過∽卑簦現(xiàn)在我生活的很好沸伏,一切按照自己...
    快樂的小梨子閱讀 327評論 0 0