Telefon numaraları nasıl işaretlenir?

Bir telefon numarasını bir HTML belgesinde çağrılabilir bağlantı olarak işaretlemek istiyorum. Mikro biçimler yaklaşımını okudum ve biliyorum ki, bu tel:program standart olacak, ancak kelimenin tam anlamıyla hiçbir yerde uygulanmadı.

Skype, bildiğim kadarıyla skype:ve callto:ikincisinin biraz popülerlik kazandığını tanımlar . Sanırım diğer şirketlerin ya başka programları var ya da callto:trene atlıyorlar.

Bir telefon numarasını işaretlemek için en iyi uygulama hangisidir, böylece VoIP yazılımı ile mümkün olduğunca çok kişi bir çağrı almak için bir bağlantıyı tıklayabilir?

Bonus soru: ABD'de 911 veya Almanya'da 110 gibi acil durum numaraları ile ilgili komplikasyonları bilen var mı?

Alkış,

Güncelleştirme: Microsoft NetMeeting callto:WinXP altında düzenler alıyor . Bu soru , Microsoft Office Communicator'ın tel:şemaları ele alacağını, ancak şemaları ele almayacağını göstermektedir callto:. Harika, Redmond!

Güncelleme 2: İki buçuk yıl sonra. Sayı ile ne yapmak istediğinize kaynıyor gibi görünüyor. Mobil bağlamda, tel:gitmenin yolu budur. Kullanıcılarınızın daha fazla Skype kullanıcısı olduğunu ( callto:) veya Google Voice ( tel:) gibi bir şeyin yüklü olduğunu düşünüyorsanız, masaüstlerini hedeflemek size kalmış . Kişisel fikrim şüphe tel:duyduğunuzda (@Sidnicious 'cevabına uygun olarak) kullanmaktır.

Güncelleme 3: User @ rybo111, Chrome'daki Skype'ın bu arada tel:bandwagon'a atladığını belirtti. Bunu doğrulayamıyorum, çünkü her ikisi de el altında olan bir makine yok, ancak eğer doğruysa, sonunda burada bir kazananımız var demektir:tel:

tel:Şeması edildi 1990'ların sonunda kullanılan ve erken 2000 yılında belgelenmiş RFC 2806 (daha-kapsamlı tarafından obsoleted edildi RFC 3966 2004 yılında) ve geliştirilmeye devam etmektedir . İPhone'u desteklemek tel:keyfi bir karar değildi.

callto:Skype tarafından desteklenirken standart değildir ve özellikle Skype kullanıcılarını hedeflemedikçe bundan kaçınılmalıdır.

Ben mi? tel:Sayfalarınıza düzgün biçimlendirilmiş URI'ler eklemeye başladım (kullanıcı aracısını koklamadan) ve dünyanın geri kalan telefonlarının yetişmesini beklerim :).

Örnek :

<a href="tel:+18475555555">1-847-555-5555</a>

Test sonuçlarım:

seslenmek:

• Nokia Tarayıcı: hiçbir şey olmuyor
• Google Chrome: numarayı aramak için skype çalıştırmanızı ister
• Firefox: numarayı aramak için bir program seçmenizi ister
• IE: numarayı aramak için skype çalıştırmanızı ister

tel:

• Nokia Tarayıcı: çalışma
• Google Chrome: hiçbir şey olmuyor
• Firefox: "Firefox bu url'nin nasıl açılacağını bilmiyor"
• IE: url bulunamadı

En iyi bahis, tel ile başlamaktır: tüm cep telefonlarında çalışır

Ardından, yalnızca masaüstündeyken ve yalnızca bir bağlantı tıklandığında çalışacak olan bu kodu girin.

Mobil tarayıcıları tespit etmek için http://detectmobilebrowsers.com/ kullanıyorum , tercih ettiğiniz yöntemi kullanabilirsiniz

if (!jQuery.browser.mobile) {
    jQuery('body').on('click', 'a[href^="tel:"]', function() {
            jQuery(this).attr('href', 
                jQuery(this).attr('href').replace(/^tel:/, 'callto:'));
    });
}

Temel olarak tüm üslerinizi örtüyorsunuz.

tel: numara çeviriciyi açmak için tüm telefonlarda çalışır

callto: Firefox, Chrome'dan skype'a bağlanmak için bilgisayarınızda çalışır

Beklendiği gibi, WebKit'in desteği tel:Android mobil tarayıcıya da uzanıyor - FYI

Bu yanıtı "tarihi" amaç için saklıyorum ama artık önermiyorum. Yukarıdaki @Sidnicious 'cevabına ve Güncelleme 2'ye bakın.

Callto ve tel çocuklar arasında bir beraberlik gibi göründüğü için, yorumlarınızın beni ışık yoluna geri getireceği umuduyla olası bir çözümü atmak istiyorum.

callto:Çoğu masaüstü istemcisi bunu ele alacağından şunu kullanarak :

<a href="callto:0123456789">call me</a>

Ardından, istemci bir iPhone ise, bağlantıları değiştirin:

window.onload = function () {
  if (navigator.userAgent.match (/iPhone/i)) {
    var a = document.getElementsByTagName ("a");
    for (var i = 0; i < a.length; i++) {
      if (a[i].getAttribute ('href').search (/callto:/i) === 0) {
        a[i].setAttribute ('href', a[i].getAttribute ('href').replace (/^callto:/, "tel:"));
      }
    }
  }
};

Bu çözüme karşı itirazınız var mı? Tercihen başlamalı mıyım tel:?

Mobil Safari (iPhone ve iPod Touch) tel:düzeni kullanır .

İPhone'daki bir web sayfasındaki telefon numarasını nasıl arayabilirim?

RFC3966 , telefon numaraları için IETF standart URI'sini, yani 'tel:' URI'sini tanımlar. Standart budur. 'Callto:' ifadesini belirten benzer bir standart yoktur; bu, platformlarda Skype için URI işleyicisinin onu desteklemek üzere kaydedilmesine izin veren özel bir kuraldır.

bu benim için çalıştı:

1. standartlara uygun bir bağlantı yapın:

        <a href="tel:1500100900">

2. mobil tarayıcı tespit edilmediğinde değiştirin, skype için:

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

Sınıf yoluyla değiştirilecek bağlantıyı seçmek daha verimli görünüyor. Tabii ki sadece .phonesınıfı olan çapalarda çalışır .

if( !isMobile() ) { ...Sadece masaüstü tarayıcısı algıladığında tetiklenir böylece fonksiyona koydum . Ama bu tamamen modası geçmiş ...

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 )
    );
}

Projem tel:için kullandım .

Sony Ericsson akıllı telefonumda Chrome, Firefox, IE9 & 8, Chrome mobil ve mobil Tarayıcı'da çalıştı.

Ancak callto:mobil Tarayıcılarda çalışmadı.

Kullanırdım tel:(tavsiye edildiği gibi). Ama daha iyi bir geri dönüş / hata sayfalarını görüntülemek için ben (jquery kullanarak) böyle bir şey kullanırsınız:

// 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:");
    }
});

Varsayım, userAgent-stringinde mobil damgası olan mobil tarayıcıların tel:protokolü desteklediği varsayılır . Geri kalanı için, callto:mümkünse Skype'a bir geri dönüş yapmak için bağlantıyı protokolle değiştiriyoruz.

Desteklenmeyen protokol (ler) için hata sayfalarını bastırmak amacıyla, bağlantı yeni bir gizli iframe'e hedeflenir.

Maalesef URL'nin iframe'e başarıyla yüklendiğini kontrol etmek mümkün görünmüyor. Hiçbir hata olayının başlatılmadığı anlaşılıyor.

Yana callto:(Skype ayarlarında oluşturulur) skype tarafından desteklenen varsayılan başına ve diğerleri de bunu destekleyecek, ben kullanarak öneriyoruz callto:ziyade skype:.

Apple tel:, Mobile Safari için belgelerinde önermekle birlikte, şu anda (iOS 4.3) callto:aynı şeyi kabul etmektedir . Bu nedenle callto:, hem Skype hem de iPhone ile çalıştığı için genel bir web sitesinde kullanılmasını öneriyorum ve Android telefonlarda da çalışmasını bekliyorum.

Güncelleme (Haziran 2013)

Bu hala web sayfanızın ne sunmasını istediğinize karar verme meselesidir. Benim web sitelerinde ben hem sağlamak tel:ve callto:bağlantıları Mac Masaüstü tarayıcıları ile bir şey yapmayın çünkü (Skype için varlık olarak etiketlenmiş ikincisi) tel:, mobil Android ile hiçbir şey yapmaz iken linkleri callto:linkleri. Google Talk eklentisine sahip Google Chrome bile tel:bağlantılara yanıt vermez . Yine de, birisinin tel:bilgisayarında çalışmak için bağlantı alma sorununa girmesi durumunda her iki bağlantıyı da masaüstünde sunmayı tercih ederim .

Site tasarımı yalnızca bir tel:bağlantı sağladığımı belirttiyse callto:, masaüstü tarayıcılarda değiştirmeye çalışacağım bir bağlantı kullanırdım .

JQuery kullanarak, sayfadaki tüm ABD telefon numaralarını uygun callto:veya tel:düzenlerle değiştirin.

// create a hidden iframe to receive failed schemes
$('body').append('<iframe name="blackhole" style="display:none"></iframe>');

// decide which scheme to use
var scheme = (navigator.userAgent.match(/mobile/gi) ? 'tel:' : 'callto:');

// replace all on the page
$('article').each(function (i, article) {
    findAndReplaceDOMText(article, {
        find:/\b(\d\d\d-\d\d\d-\d\d\d\d)\b/g,
        replace:function (portion) {
            var a = document.createElement('a');
            a.className = 'telephone';
            a.href = scheme + portion.text.replace(/\D/g, '');
            a.textContent = portion.text;
            a.target = 'blackhole';
            return a;
        }
    });
});

Fikir için @jonas_jonas'a teşekkürler. Mükemmel findAndReplaceDOMText işlevini gerektirir .

Normal <a href="tel:+123456">12 34 56</a>biçimlendirmeyi kullanıyorum ve bu bağlantıları üzerinden masaüstü kullanıcıları için tıklanamaz hale getiriyorumpointer-events: none;

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

işaretçi olaylarını desteklemeyen tarayıcılar için (IE <11), tıklama JavaScript ile önlenebilir (örnek Modernizr ve jQuery'ye dayanır):

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