How to use JS to detect whether the phone installs an app

Source: Internet
Author: User

Problem description

If the app is installed locally then open directly, otherwise Apple will jump to App-store, Android will jump to the corresponding market

Solution One

    
HTML code in the a tag, for example, the default is to call Weixin scheme, go to open the local, if not then jump to the corresponding connection
<a href= "weixin://" class= "Btn-download" > Open now </a>
  
Bind event for Btn-download, if not resolved to protocol within 500MS, then jump to download link
varAppStore, UA =navigator.useragent; if(Ua.match (/android/i)) {AppStore= ' Market://search?q=com.singtel.travelbuddy.android '; } if(Ua.match (/iphone|ipod|ipad/) ) {AppStore= "Https://itunes.apple.com/cn/app/wei-xin/id414478124?mt=8&ign-mpt=uo%3D4"; } functionAppLink (fail) {return function(){ varClickedat = +NewDate; //During tests on 3G/3GS This timeout fires immediately if less than 500ms. SetTimeout (function(){ //to avoid failing in return to Mobilesafari, ensure freshness! if(+NewDate-clickedat < 2000) {window.location=fail; } }, 500); }; } $('. Icon-download,. Btn-download ') [0].onclick = AppLink (AppStore);

Solution II

By generating a hidden iframe,iframe in the page src points to the app protocol, such as the Weixin scheme, and listens to the OnError event, meaning that if the protocol cannot be resolved, the OnError event will be triggered, but I have tried it and failed. The code is as follows, please refer to.

Is there a div#iframe-box on the page to insert the generated IFRAME, or is it an example
varIFM = document.createelement (' iframe '), isInstalled; Ifm.style.display= ' None '; IFM.SRC= ' wixin://'; Ifm.onload=function(e) {varE = e | |window.event; E.preventdefault (); } ifm.onerror=function(){ //isInstalled = false;Alert (1); } document.getElementById (' Iframe-box '). appendchild (IFM);

However, the problem is that the IFRAME SRC successfully resolved to the protocol, it will jump directly, but can not parse the words, will not trigger the error event, this will continue to study
You can put the above code in a function, and then act as a response function for a button.

Solution Three

For iOS phones, you'll get the following wording

<meta name= "Apple-itunes-app" content= "app-id=414478124"/>

Put the above code in the head, according to name will also know the meaning, App-id is App-id, with the iOS phone to see the hint, andriod than can, the results of self-experiment. (iOS is powerful)

Follow-up study ...

How to use JS to detect whether the phone installs an app

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.