Rumah >hujung hadapan web >tutorial js >js pelbagai kaedah untuk menentukan sama ada aplikasi tertentu dipasang pada kemahiran terminal_javascript mudah alih
Contoh dalam artikel ini menerangkan pelbagai kaedah menggunakan js untuk menentukan sama ada apl tertentu dipasang pada terminal mudah alih dan kongsikannya dengan semua orang untuk rujukan anda Kandungan khusus adalah seperti berikut
Kaedah pertama:
1: Tentukan jenis peralatannya
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
Dua: Peranti Android: Prinsip: Tentukan sama ada anda tahu protokol tersebut Jika anda tahu, lompat terus Jika anda tidak tahu, muat turun apl di sini
android(); if(isAndroid){ function android(){ window.location.href = "openwjtr://com.tyrbl.wjtr"; /***打开app的协议,有安卓同事提供***/ window.setTimeout(function(){ window.location.href = "http://www.wjtr.com/download/index.html"; /***打开app的协议,有安卓同事提供***/ },2000); };
2: peranti ios: Prinsip: Tentukan sama ada anda tahu protokol ini, lompat terus Jika anda tidak mengetahuinya, muat turun 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.href = "http://www.wjtr.com/download/index.html"; /***下载app的地址***/ },2000) }; }
Kaedah kedua:
Walaupun anda boleh memulakan apl dalam JS, ia tidak dapat menentukan sama ada apl itu dipasang
Ia mengambil masa yang lama untuk memulakan apl, dan masa gangguan js adalah panjang Jika ia tidak dipasang, js akan dilaksanakan serta-merta. Hanya melompat ke dalam kod!
kod html:
<a href="javascript:testApp('tel:1868888888')">打电话</a>
kod 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); }
Kaedah ketiga:
Saya sedang mengusahakan versi wap projek baru-baru ini Salah satu keperluan adalah untuk terlebih dahulu menentukan sama ada aplikasi APP kami tersedia pada telefon mudah alih.
Ringkasnya, wap ialah tapak web yang berjalan pada penyemak imbas mudah alih. Tidak kira di mana aplikasi itu, ia hanyalah pelayar Anda boleh menggunakan JS untuk menentukan sama ada terdapat aplikasi secara setempat Pelaksanaan sebenar adalah untuk menukar protokol http kepada protokol perisian tempatan.
Hanya hantar kod terus.
Seperti berikut:
<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>
Apakah skema url tersuai apl?
sebenarnya adalah URL protokol yang dipersetujui antara anda dan APP anda akan menyediakan Skim URL semasa menulis program,
Contohnya tetapan:
Skim URL: apl
Kemudian program lain boleh memanggil aplikasi melalui URLString = app://.
Anda juga boleh lulus parameter, seperti:
app://reaction/?uid=1
Prinsip: Dalam masa 500ms, terdapat aplikasi pada mesin ini yang boleh menghuraikan protokol ini, membuka program, dan memanggil aplikasi jika tiada aplikasi pada mesin ini yang boleh menghuraikan protokol ini atau mesin ini tidak membukanya dalam program 500ms, laksanakan fungsi dalam setTimeout, iaitu untuk melompat ke halaman yang anda ingin lompat.
Di atas adalah pelbagai kaedah untuk JS menentukan sama ada aplikasi tertentu dipasang pada terminal mudah alih saya harap ia akan membantu pembelajaran semua orang.