Skip to main content
replaced http://stackoverflow.com/ with https://stackoverflow.com/
Fonte Link

Você pode usar essa função pra isso:

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

Você pode ver mais opções de como fazer isso aquiaqui
Espero ter ajudado.

update

<script type="text/javascript">
    //Aqui você esconde todos os botões.
    $("#apple-store").hide();
    $("#google-play").hide();

    var dispositivo = navigator.userAgent.toLowerCase();
    console.log(dispositivo);
    if(dispositivo.search(/android/) > -1) {
        //Se for android você mostra esse.
        $("#google-play").show();
    } else if(dispositivo.search(/iphone/) > -1) {
        //Se for iphone você mostra esse.
        $("#apple-store").show();
    } else {
        //e assim sucessivamente.
        console.log('Outro device');
    } 
</script>

    <button id="apple-store">Apple Store</button>
    <button id="google-play">Google Play</button>

Você pode usar essa função pra isso:

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

Você pode ver mais opções de como fazer isso aqui
Espero ter ajudado.

update

<script type="text/javascript">
    //Aqui você esconde todos os botões.
    $("#apple-store").hide();
    $("#google-play").hide();

    var dispositivo = navigator.userAgent.toLowerCase();
    console.log(dispositivo);
    if(dispositivo.search(/android/) > -1) {
        //Se for android você mostra esse.
        $("#google-play").show();
    } else if(dispositivo.search(/iphone/) > -1) {
        //Se for iphone você mostra esse.
        $("#apple-store").show();
    } else {
        //e assim sucessivamente.
        console.log('Outro device');
    } 
</script>

    <button id="apple-store">Apple Store</button>
    <button id="google-play">Google Play</button>

Você pode usar essa função pra isso:

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

Você pode ver mais opções de como fazer isso aqui
Espero ter ajudado.

update

<script type="text/javascript">
    //Aqui você esconde todos os botões.
    $("#apple-store").hide();
    $("#google-play").hide();

    var dispositivo = navigator.userAgent.toLowerCase();
    console.log(dispositivo);
    if(dispositivo.search(/android/) > -1) {
        //Se for android você mostra esse.
        $("#google-play").show();
    } else if(dispositivo.search(/iphone/) > -1) {
        //Se for iphone você mostra esse.
        $("#apple-store").show();
    } else {
        //e assim sucessivamente.
        console.log('Outro device');
    } 
</script>

    <button id="apple-store">Apple Store</button>
    <button id="google-play">Google Play</button>
adicionou 785 caracteres ao conteúdo
Fonte Link
Ricardo Mota
  • 2,9mil
  • 11
  • 21

Você pode usar essa função pra isso:

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

Você pode ver mais opções de como fazer isso aqui
Espero ter ajudado.

update

<script type="text/javascript">
    //Aqui você esconde todos os botões.
    $("#apple-store").hide();
    $("#google-play").hide();

    var dispositivo = navigator.userAgent.toLowerCase();
    console.log(dispositivo);
    if(dispositivo.search(/android/) > -1) {
        //Se for android você mostra esse.
        $("#google-play").show();
    } else if(dispositivo.search(/iphone/) > -1) {
        //Se for iphone você mostra esse.
        $("#apple-store").show();
    } else {
        //e assim sucessivamente.
        console.log('Outro device');
    } 
</script>

    <button id="apple-store">Apple Store</button>
    <button id="google-play">Google Play</button>

Você pode usar essa função pra isso:

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

Você pode ver mais opções de como fazer isso aqui
Espero ter ajudado.

Você pode usar essa função pra isso:

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

Você pode ver mais opções de como fazer isso aqui
Espero ter ajudado.

update

<script type="text/javascript">
    //Aqui você esconde todos os botões.
    $("#apple-store").hide();
    $("#google-play").hide();

    var dispositivo = navigator.userAgent.toLowerCase();
    console.log(dispositivo);
    if(dispositivo.search(/android/) > -1) {
        //Se for android você mostra esse.
        $("#google-play").show();
    } else if(dispositivo.search(/iphone/) > -1) {
        //Se for iphone você mostra esse.
        $("#apple-store").show();
    } else {
        //e assim sucessivamente.
        console.log('Outro device');
    } 
</script>

    <button id="apple-store">Apple Store</button>
    <button id="google-play">Google Play</button>
Fonte Link
Ricardo Mota
  • 2,9mil
  • 11
  • 21

Você pode usar essa função pra isso:

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

Você pode ver mais opções de como fazer isso aqui
Espero ter ajudado.