Comment faire pour marquer des numéros de téléphone?

Mes résultats de test:

callto:

• Nokia Navigateur: rien ne se passe
• Google Chrome: demande d'exécuter skype pour appeler le numéro
• Firefox: demande de choisir un programme à appeler le numéro
• IE: demande d'exécuter skype pour appeler le numéro

tél:

• Nokia Navigateur: travail
• Google Chrome: il ne se passe rien
• Firefox: "Firefox ne sait pas comment ouvrir cette url"
• IE: impossible de trouver l'url

Comme on pouvait s'y attendre, WebKit soutien de tel: s'étend à l'Android mobile navigateur - pour info

Le navigateur Safari Mobile (iPhone & iPod Touch) utiliser le tel: régime.

Comment puis-je composer un numéro de téléphone à partir d'une page web sur l'iPhone?

cela a fonctionné pour moi:

1.effectuer un conforme aux normes du lien:

 <a href="tel:1500100900"> 

2.remplacez-le s'il navigateur mobile n'est pas détecté, pour skype:

$("a.phone")
    .each(function()
{ 
  this.href = this.href.replace(/^tel/, 
     "callto");
});

Sélectionnant le lien pour le remplacer par classe semble plus efficace.
Bien sûr, il ne fonctionne que sur des ancres avec .phone classe.

Je l'ai mis en fonction if( !isMobile() ) { ... de sorte qu'il ne se déclenche que lorsque détecte navigateur de bureau. Mais celui-ci est probablement obsolète...

function isMobile() {
    return (
        ( navigator.userAgent.indexOf( "iPhone" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "iPod" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "iPad" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "Android" ) > -1 ) ||
        ( navigator.userAgent.indexOf( "webOS" ) > -1 )
    );
}

Je voudrais utiliser tel: (comme recommandé). Mais pour avoir un meilleur secours/pas d'affichage des pages d'erreur je voudrais utiliser quelque chose comme ceci (à l'aide de jquery):

//enhance tel-links
$("a[href^='tel:']").each(function() {
    var target = "call-" + this.href.replace(/[^a-z0-9]*/gi, "");
    var link = this;

    //load in iframe to supress potential errors when protocol is not available
    $("body").append("<iframe name=\"" + target + "\" style=\"display: none\"></iframe>");
    link.target = target;

    //replace tel with callto on desktop browsers for skype fallback
    if (!navigator.userAgent.match(/(mobile)/gi)) {
        link.href = link.href.replace(/^tel:/, "callto:");
    }
});

L'hypothèse est que les navigateurs mobiles qui ont un mobile cachet dans le userAgent de chaîne de bénéficier d'un appui pour la tel: protocole. Pour le reste, nous remplaçons le lien avec la callto: protocole d'avoir une solution de secours pour Skype si possible.

Pour supprimer l'erreur-pages pour la non prise en charge du protocole(s), le lien est ciblé à une nouvelle cachés iframe.

Malheureusement, il ne semble pas possible de vérifier, si l'url a été chargé avec succès dans l'iframe. Il semble qu'aucune erreur n'événements sont déclenchés.

Bien qu'Apple recommande tel: dans leurs docs pour le navigateur Safari Mobile, actuellement (iOS 4.3), il accepte callto: de la même façon. Je recommande donc à l'aide de callto: sur un générique de site web comme il fonctionne à la fois avec Skype et iPhone, et je m'attends il fonctionne sur les téléphones Android, trop.

Mise À Jour (Juin 2013)

C'est toujours une question de décider ce que vous voulez que votre page web à offrir. Sur mon site web je fournir à la fois tel: et callto: de liens (le dernier étiqueté comme étant pour Skype) depuis les navigateurs de Bureau sur Mac ne pas faire n'importe quoi avec tel: liens tout mobile Android ne veut pas faire n'importe quoi avec callto: liens. Même Google Chrome avec le plug-in Google Talk ne répond pas à tel: liens. Quand même, je préfère offrir à la fois des liens sur le bureau au cas où quelqu'un s'est donné la peine de se tel: liens à travailler sur leur ordinateur.

Si le design du site dicté que je n'fournir un lien, j'utiliserais un tel: lien que je voudrais essayer de changer de callto: sur les navigateurs de bureau.

J'utilise la normale <a href="tel:+123456">12 34 56</a> de balisage et de créer ces liens non cliquables pour les utilisateurs de pc de bureau via pointer-events: none;

a[href^="tel:"] {
    text-decoration: none;
}
.no-touch a[href^="tel:"] {
    pointer-events: none;
    cursor: text;
}

pour les navigateurs qui ne supportent pas de pointeur événements (IE < 11), le clic peut être évité avec JavaScript (exemple, s'appuie sur Modernizr et jQuery):

if(!Modernizr.touch) {
    $(document).on('click', '[href^="tel:"]', function(e) {
        e.preventDefault();
        return false;
    });
}