JS點擊下載跳轉IOS或者Android

在移動wap上,最常見的就是引流用戶下載安裝自己的應用程序,如何通過js點擊判斷下載是ios還是安卓呢?其實很簡單,就是要判斷用戶的設備是iOS還是Android,然后分別跳轉就可以了。·

有了這個判斷,就可以根據對應的平臺來進行操作。·
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();

你可以直接把這個函數放在一個按鈕或者鏈接上,點擊觸發這個事件。就能實現js點擊跳轉到適合手機的設備了。

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

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,333評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,241評論 4 61
  • 《斷章》 卞之琳你站在橋上看風景看風景的人在樓上看你明月裝飾了你的窗子你裝飾了別人的夢 取名為段章,是因為是這是他...
    圖同閱讀 568評論 0 0
  • 從下午2點多,看完`奇葩說---沒有上進心,有沒有錯`后,就一直有點難受。 我算是一個沒有上進心的人,起碼,大家看...
    南瓜車里的柚子閱讀 300評論 0 0
  • 匪夷所思的夢境。自從分手,我們再也沒有任何交集,一切聯系方式都在。卻從來沒有聯系過。現在我生活的很好,一切按照自己...
    快樂的小梨子閱讀 335評論 0 0