js判斷手機是否安裝并打開app，未安裝則安裝app【兼容Android、ios,親測可用】
更新時間：2023年05月23日 09:19:19 作者：臨沂碼農(nóng)王老七
這篇文章主要介紹了js判斷手機是否安裝并打開app,未安裝則安裝app,通過調(diào)用瀏覽器判斷app,兼容Android、ios等系統(tǒng),,需要的朋友可以參考下
做開發(fā)的小伙伴，很多時候會用到app內(nèi)部分享鏈接給好友，打開鏈接后是h5。用戶打開鏈接后需要判斷是否本地已安裝該app，沒有則下載安裝，有則直接打開。從網(wǎng)上搜到的教程很多，但是代碼也是千奇百怪，不是很方便直接使用，那么老七今天給大家直接上親測可用的代碼，為小伙伴提高點點的效率。
function openApp(){
? ? var ua = window.navigator.userAgent.toLowerCase();
? ? //微信
? ? if(ua.match(/MicroMessenger/i) == 'micromessenger'){
?? ?window.location.href='****';//這個地方老七直接用的應(yīng)用寶下載鏈接
? ? }else{//非微信瀏覽器
?? ?if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
?? ? ? ?window.location = 'dslangya://';
?? ? ? ?var ifr = document.createElement("iframe");
?? ? ? ?ifr.src = "*****://"; /***打開app的協(xié)議，ios同事提供***/
?? ? ? ?ifr.style.display = "none";
?? ? ? ?document.body.appendChild(ifr);
?? ? ? ?window.setTimeout(function(){
?? ??? ?document.body.removeChild(ifr);
?? ??? ?window.location.; /***下載app的地址***/
?? ? ? ?},2000);
?? ?}else if (navigator.userAgent.match(/android/i)) {
?? ? ? ?//var state = null;
?? ? ? ?try {
?? ??? ?window.location = '*****://'; //安卓兄弟可以給你
?? ??? ?setTimeout(function(){
?? ??? ? ? ?window.location= "https://**********"; //android下載地址
?? ??? ?},2000);
?? ? ? ?} catch(e) {}
?? ?}
? ? }
}補充：JS判斷瀏覽器是否安裝了某個軟件
JS判斷瀏覽器是否安裝了某個軟件
首先到https://github.com/ismailhabib/custom-protocol-detection/blob/master/protocolcheck.js ，git clone或 直接 zip 下載 protocolCheck.js插件
window.protocolCheck("調(diào)用本地軟件的協(xié)議", function() {
?? ?// 沒有安裝時的執(zhí)行函數(shù)
});
您可能感興趣的文章:
- 利用js判斷手機是否安裝某個app的多種方案
- JSP中實現(xiàn)判斷客戶端手機類型并跳轉(zhuǎn)到app下載頁面
- 用于deeplink的js方法(判斷手機是否安裝app)
- js判斷移動端是否安裝某款app的多種方法
- JS監(jiān)聽微信、支付寶等移動app及瀏覽器的返回、后退、上一頁按鈕的事件方法
- JS實現(xiàn)點擊網(wǎng)頁判斷是否安裝app并打開否則跳轉(zhuǎn)app store
- js實現(xiàn)微信/QQ直接跳轉(zhuǎn)到支付寶APP打開口令領(lǐng)紅包功能
- JS觸摸屏網(wǎng)頁版仿app彈窗型滾動列表選擇器/日期選擇器
- JS拉起或下載app的實現(xiàn)代碼
相關(guān)文章
移動端Web需要照顧觸摸操作的體驗,以及更多的屏幕旋轉(zhuǎn)與尺寸適配等問題,非?，嵥?在這里為大家傾力總結(jié)40條常見的移動端Web頁面問題解決方案,歡迎收看收藏!2016-05-05
由于項目上需要解析xml，于是各種百度，然后自己總結(jié)了下各個主流瀏覽器解析xml的方法，下面通過本文給大家詳細介紹下使用JS讀取XML文件的方法，一起看看吧2016-11-11
js中的變量都是公用的沒有靜態(tài)變量，下面為大家介紹下變量的作用域閉包,需要的朋友可以參考下2014-05-05
如何通過js在上傳前就拿到它的總幀數(shù)來判斷呢？本文就跟大家分享一種解決方案，并將其封裝成插件發(fā)布至npm倉庫，快跟隨小編一起學習一下吧2022-05-05
JS基于遞歸實現(xiàn)網(wǎng)頁版計算器的方法分析
這篇文章主要介紹了JS基于遞歸實現(xiàn)網(wǎng)頁版計算器的方法,結(jié)合實例形式分析了javascript采用遞歸算法實現(xiàn)網(wǎng)頁版計算器的步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要為大家詳細介紹了如何使用JavaScript構(gòu)建一個主題切換器,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-01-01
這篇文章主要介紹了Web3.js查詢以太幣和代幣余額以及轉(zhuǎn)賬,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-09-09
這篇文章主要介紹了JS ES6變量的解構(gòu)賦值，對ES6感興趣的同學，可以參考下2021-05-05
這篇文章主要為大家詳細介紹了js cookie實現(xiàn)記住密碼功能的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01