Bagaimana cara menandai nomor telepon?

Saya ingin menandai nomor telepon sebagai tautan yang dapat dipanggil dalam dokumen HTML. Saya telah membaca pendekatan Microformats , dan saya tahu, bahwa tel:skema tersebut akan menjadi standar, tetapi secara harfiah tidak ada yang diterapkan.

Skype mendefinisikan, sejauh yang saya tahu, skype:dan callto:, yang terakhir telah mendapatkan popularitas. Saya berasumsi, bahwa perusahaan lain memiliki skema lain atau melompat ke callto:kereta.

Apa praktik terbaik untuk menandai nomor telepon, sehingga sebanyak mungkin orang dengan perangkat lunak VoIP dapat mengklik tautan untuk mendapatkan panggilan?

Pertanyaan bonus: Adakah yang tahu tentang komplikasi dengan nomor darurat seperti 911 di AS atau 110 di Jerman?

Bersulang,

Pembaruan: Microsoft NetMeeting menggunakan callto:skema di bawah WinXP. Pertanyaan ini menyarankan, bahwa Microsoft Office Communicator akan menangani tel:skema tetapi bukan skema callto:. Hebat, Redmond!

Pembaruan 2: Dua setengah tahun kemudian sekarang. Tampaknya mendidih ke apa yang ingin Anda lakukan dengan nomor tersebut. Dalam konteks seluler, tel:adalah cara untuk maju. Menargetkan desktop tergantung pada Anda, jika Anda pikir pengguna Anda lebih banyak orang Skype ( callto:) atau lebih mungkin tel:memasang sesuatu seperti Google Voice ( ). Pendapat pribadi saya adalah, ketika ragu digunakan tel:(sesuai dengan jawaban @Sidnicious ').

Pembaruan 3: Pengguna @ rybo111 mencatat, bahwa Skype di Chrome sementara itu tel:ikut - ikutan. Saya tidak dapat memverifikasi ini, karena tidak ada mesin dengan keduanya, tetapi jika itu benar, itu berarti kami akhirnya memiliki pemenang di sini:tel:

The tel:Skema itu digunakan pada akhir tahun 1990 dan didokumentasikan pada awal tahun 2000 dengan RFC 2806 (yang usang oleh lebih-menyeluruh RFC 3966 pada tahun 2004) dan terus ditingkatkan . Mendukung tel:pada iPhone bukanlah keputusan yang sewenang-wenang.

callto:, sementara didukung oleh Skype, bukan standar dan harus dihindari kecuali secara khusus menargetkan pengguna Skype.

Saya? Saya baru saja mulai memasukkan tel:URI yang terbentuk dengan benar di halaman Anda (tanpa mengendus agen pengguna) dan menunggu ponsel lain di dunia untuk mengejar ketinggalan :).

Contoh :

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

Hasil tes saya:

telepon ke:

• Browser Nokia: tidak ada yang terjadi
• Google Chrome: meminta untuk menjalankan skype untuk memanggil nomor tersebut
• Firefox: meminta untuk memilih program untuk memanggil nomor tersebut
• IE: meminta untuk menjalankan skype untuk memanggil nomor tersebut

tel:

• Browser Nokia: berfungsi
• Google Chrome: tidak ada yang terjadi
• Firefox: "Firefox tidak tahu cara membuka url ini"
• IE: tidak dapat menemukan url

Taruhan terbaik adalah memulai dengan tel: yang bekerja di semua ponsel

Kemudian masukkan kode ini, yang hanya akan berjalan ketika di desktop, dan hanya ketika sebuah tautan diklik.

Saya menggunakan http://detectmobilebrowsers.com/ untuk mendeteksi browser seluler, Anda dapat menggunakan metode apa pun yang Anda inginkan

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

Jadi pada dasarnya Anda menutupi semua basis Anda.

tel: berfungsi pada semua ponsel untuk membuka dialer dengan nomor tersebut

callto: berfungsi di komputer Anda untuk terhubung ke skype dari firefox, chrome

Seperti yang diharapkan, dukungan WebKit tel:meluas ke peramban seluler Android juga - FYI

Saya menyimpan jawaban ini untuk tujuan "bersejarah" tetapi tidak merekomendasikannya lagi. Lihat jawaban @Sidnicious 'di atas dan Pembaruan 2 saya.

Karena ini terlihat seperti imbang antara callto dan tel kawan, saya ingin memberikan solusi yang mungkin dengan harapan, bahwa komentar Anda akan membawa saya kembali ke jalan cahaya ;-)

Menggunakan callto:, karena sebagian besar klien desktop akan menanganinya:

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

Kemudian, jika klien adalah iPhone, ganti tautan:

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

Adakah keberatan terhadap solusi ini? Haruskah saya mulai dari tel:?

Mobile Safari (iPhone & iPod Touch) menggunakan tel:skema ini.

Bagaimana cara memanggil nomor telepon dari halaman web di iPhone?

RFC3966 mendefinisikan URI standar IETF untuk nomor telepon, yaitu URI 'tel:'. Itu standarnya. Tidak ada standar serupa yang menentukan 'callto:', itu adalah konvensi khusus untuk Skype pada platform yang memungkinkan mendaftarkan penangan URI untuk mendukungnya.

ini bekerja untuk saya:

1. buat tautan yang memenuhi standar:

        <a href="tel:1500100900">

2. ganti ketika browser seluler tidak terdeteksi, untuk skype:

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

Memilih tautan untuk diganti melalui kelas tampaknya lebih efisien. Tentu saja itu hanya bekerja pada jangkar dengan .phonekelas.

Saya telah mengaktifkannya if( !isMobile() ) { ...sehingga hanya memicu ketika mendeteksi browser desktop. Tapi yang ini sudah usang ...

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

Saya menggunakan tel:untuk proyek saya.

Ini berfungsi di Chrome, Firefox, IE9 & 8, Chrome mobile dan Browser mobile di smartphone Sony Ericsson saya.

Tetapi callto:tidak berfungsi di Peramban seluler.

Saya akan menggunakan tel:(seperti yang disarankan). Tetapi untuk memiliki fallback yang lebih baik / tidak menampilkan halaman kesalahan saya akan menggunakan sesuatu seperti ini (menggunakan 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:");
    }
});

Asumsinya adalah, bahwa peramban seluler yang memiliki perangko seluler di string UserAgent memiliki dukungan untuk tel:protokol tersebut. Selebihnya kami mengganti tautan dengan callto:protokol untuk memiliki cadangan ke Skype jika tersedia.

Untuk menekan halaman kesalahan untuk protokol yang tidak didukung, tautan ditargetkan ke iframe tersembunyi baru.

Sayangnya sepertinya tidak mungkin untuk memeriksa, apakah url telah berhasil dimuat di iframe. Tampaknya tidak ada peristiwa kesalahan yang terjadi.

Karena callto:per default didukung oleh skype (diatur dalam pengaturan Skype), dan yang lain juga mendukungnya, saya akan merekomendasikan menggunakan callto:daripada skype:.

Meskipun Apple merekomendasikan tel:dalam dokumen mereka untuk Mobile Safari, saat ini (iOS 4.3) ia menerima callto:hal yang sama. Jadi saya sarankan menggunakan callto:di situs web umum karena berfungsi baik dengan Skype dan iPhone dan saya berharap itu akan berfungsi pada ponsel Android juga.

Pembaruan (Juni 2013)

Ini masih masalah memutuskan apa yang Anda inginkan untuk ditawarkan oleh halaman web Anda. Di situs web saya, saya memberikan keduanya tel:dan callto:tautan (yang disebut sebagai Skype) karena browser Desktop di Mac tidak melakukan apa pun dengan tel:tautan sementara ponsel Android tidak melakukan apa pun dengan callto:tautan. Bahkan Google Chrome dengan plugin Google Talk tidak menanggapi tel:tautan. Namun, saya lebih suka menawarkan kedua tautan di desktop jika ada orang yang kesulitan mendapatkan tel:tautan untuk bekerja di komputer mereka.

Jika desain situs menentukan bahwa saya hanya menyediakan satu tautan, saya akan menggunakan tel:tautan yang akan saya coba ubah callto:pada browser desktop.

Menggunakan jQuery, ganti semua nomor telepon AS di halaman dengan skema callto:atau yang sesuai tel:.

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

Terima kasih kepada @jonas_jonas untuk idenya. Membutuhkan fungsi findAndReplaceDOMText yang luar biasa .

Saya menggunakan <a href="tel:+123456">12 34 56</a>markup normal dan membuat tautan itu tidak dapat diklik untuk pengguna desktop viapointer-events: none;

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

untuk browser yang tidak mendukung event-pointer (IE <11), klik dapat dicegah dengan JavaScript (contohnya bergantung pada Modernizr dan jQuery):

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