国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js判斷移動端是否安裝某款app的多種方法

2019-11-20 10:59:41
字體:
來源:轉載
供稿:網友

本文實例講解了js判斷移動端是否安裝某款app的多種方法,分享給大家供大家參考,具體內容如下

第一種方法:

一:判斷是那種設備

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android終端或者uc瀏覽器var isiOS = !!u.match(//(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端

二:安卓設備:原理:判斷是否認識這個協議,認識則直接跳轉,不認識就在這里下載app

android();if(isAndroid){      function android(){        window.location.href = "openwjtr://com.tyrbl.wjtr"; /***打開app的協議,有安卓同事提供***/        window.setTimeout(function(){           window.location.; /***打開app的協議,有安卓同事提供***/        },2000);      };

二:ios設備:原理:判斷是否認識這個協議,認識則直接跳轉,不認識就在這里下載appios();

if(isiOS){      function ios(){        var ifr = document.createElement("iframe");        ifr.src = "openwjtr://com.tyrbl.wjtr"; /***打開app的協議,有ios同事提供***/        ifr.style.display = "none";         document.body.appendChild(ifr);        window.setTimeout(function(){          document.body.removeChild(ifr);           window.location.; /***下載app的地址***/        },2000)      };}

第二種方法:

雖然在Js中可以啟動某個app,但是并不能判斷該app是否安裝;
啟動app需要的時間較長,js中斷時間長,如果沒安裝,js瞬間就執行完畢。直接上代碼吧!
html代碼:

<a href="javascript:testApp('tel:1868888888')">打電話</a> 

js代碼:

function testApp(url) {   var timeout, t = 1000, hasApp = true;   setTimeout(function () {     if (hasApp) {       alert('安裝了app');     } else {       alert('未安裝app');     }     document.body.removeChild(ifr);   }, 2000)    var t1 = Date.now();   var ifr = document.createElement("iframe");   ifr.setAttribute('src', url);   ifr.setAttribute('style', 'display:none');   document.body.appendChild(ifr);   timeout = setTimeout(function () {      var t2 = Date.now();      if (!t1 || t2 - t1 < t + 100) {        hasApp = false;      }   }, t); } 

第三種方法:

最近在做項目的wap版,有個需求就是,先判斷手機上是否有我們的APP應用,如果有的話打開應用,沒有才跳轉到wap頁面。 
wap簡單來說就是運行在移動端瀏覽器上的網站。不管應用在什么地方,總之就是瀏覽器唄,可以通過JS來判斷本地是否有某應用,實現方式實際就是將http協議轉為本地軟件協議。 
還是直接貼代碼吧。
 如下: 

<script language="javascript"> if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {  var loadDateTime = new Date();  window.setTimeout(function() {   var timeOutDateTime = new Date();   if (timeOutDateTime - loadDateTime < 5000) {    window.location = "要跳轉的頁面URL";   } else {    window.close();   }  },  25);  window.location = " apps custom url schemes "; } else if (navigator.userAgent.match(/android/i)) {  var state = null;  try {   state = window.open("apps custom url schemes ", '_blank');  } catch(e) {}  if (state) {   window.close();  } else {   window.location = "要跳轉的頁面URL";  } }</script>

apps custom url schemes 是什么呢?
其實就是你與APP約定的一個協議URL,你的IOS同事或Android同事在寫程序的時候會設置一個URL Scheme,
例如設置:
URL Scheme :app
然后其他的程序就可以通過URLString = app://  調用該應用。
還可以傳參數,如:
app://reaction/?uid=1
原理:500ms內,本機有應用程序能解析這個協議并打開程序,調用該應用;如果本機沒有應用程序能解析該協議或者500ms內沒有打開這個程序,則執行setTimeout里面的function,就是跳轉到你想跳轉的頁面。

以上就是js判斷移動端是否安裝某款app的多種方法,希望對大家的學習有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 和田县| 元氏县| 盐源县| 运城市| 金溪县| 肥城市| 神池县| 开封市| 宜黄县| 长子县| 资中县| 青铜峡市| 星子县| 泰来县| 山东省| 舞钢市| 石首市| 偏关县| 会宁县| 临夏县| 永吉县| 澎湖县| 凤山县| 东乌珠穆沁旗| 英德市| 太原市| 莲花县| 崇阳县| 竹山县| 慈溪市| 启东市| 常熟市| 承德市| 东光县| 桐乡市| 长武县| 隆回县| 图木舒克市| 夹江县| 祁东县| 荔波县|