JS 判斷是否是微信瀏覽器,并判斷客戶端類型

需求描述,就是做一個應用下載的落地頁。
主要是靜態頁面(完全使用flex布局,就跟RN差不多嘍),就倆按鈕“打開App”和“下載App”。
如果是微信中打開連接,需要提示用戶去瀏覽器打開,點擊打開App時,如果未安裝則下載App。

  • 通過JS判斷當前是否是微信瀏覽器
var isWeixin = function () { //判斷是否是微信
    var ua = navigator.userAgent.toLowerCase();
    return ua.match(/MicroMessenger/i) == "micromessenger";
};
  • 判斷當前客戶端是iOS還是Android
if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //判斷是否是iOS
}
if (navigator.userAgent.match(/android/i)) { //判斷是否是Android
}
  • 如果安裝應用則打開應用,否則下載應用
    Android實現原理,優先嘗試打開DeepLink鏈接,延遲跳轉下載:
if (navigator.userAgent.match(/android/i)) {
                try {
                    window.location = schema;
                    setTimeout(function () {
                        window.location = androidDownUrl; //android下載地址
                    }, 500);
                } catch (e) {
                }
}

如果是iOS的話,9.0之前版本跟Android方法雷同,在9.0+建議支持UniversalLink....
iOS的就不寫了,需要的自己搞代碼吧............

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

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,560評論 25 708
  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,257評論 4 61
  • 聞得小津之名許久,多少次都無法開篇,少了一份平靜的心。在一個午夜,終于下定決心看完了《東京物語》,久久不能釋懷。親...
    陸一凡太原閱讀 1,125評論 0 0
  • “因為小時候就有一個夢想,想學一些魔法,只是一直沒有尋到這個機會,自從櫻落魔法學院開起來之后,我才知道這個夢想快要...
    薔薇下的陽光閱讀 324評論 0 1
  • 太好了,改變了心情就改變了世界,我能行,改變了態度就改變了命運,你有困難我來幫助你,改變了情感就改變了生活。
    昕棲息的小屋閱讀 177評論 0 0