Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I detect availability of tel: uri scheme in a web app?

I'm looking to use the tel: uri scheme (rfc3966) to make phone numbers linkable on mobile devices in a web application, but I'd prefer to not link them on devices that can't handle the tel: scheme - desktops, or mobile devices without phone functionality (i.e. iPads!)

Is there some way to detect this? I'd prefer to avoid user agent sniffing, if possible.

The iPhone seems to have a canOpenURL function that apps can use to test this, but I'd like to get the same behaviour from Javascript.

like image 603
Korny Avatar asked Feb 22 '11 04:02

Korny


2 Answers

There's no standard way of detecting browser support for the tel URI scheme.

You can however user-agent sniffing library, such as the excellent WURFL library which can detect this feature.

like image 126
James Goodwin Avatar answered Sep 30 '22 03:09

James Goodwin


The iPhone will automatically pick up whether general text is in phone number format and turn it into a clickable link. No effort required on your side.

ie If you have text "+61 (0)7 3000 0000" on your site the iPhone will know it's a number and make it a link.

like image 39
Jon Avatar answered Sep 30 '22 04:09

Jon