Ext: Phone, mobile phone number add link in mobile website

A few years ago we began to add a mobile version of the normal computer version of the website, when we looked at some information, which said that in many cases, the phone browser can identify the Web page and automatically add links, but can also turn off this feature and control whether the number is Added link. In the past two years, when we add mobile website, we generally do not have to deal with the phone, mobile phone number of the field, let the phone browser automatically handle.

But considering the problem of the function of automatically adding links (for example: missing the right phone number or adding a link to the fax number), it may be a better idea to manually control the link.

Recently, colleagues in the overall troubleshooting of the site, and raised this issue, I searched the Internet, Mobile Web Quick tip:phone number Links(link is external), "How to create C Lick-to-call links for Mobile browsers(link is external)and other articles are also more useful, I tidy up a few:

Automatic recognition:

iOS and Android browser can automatically identify the number and add a link to facilitate the user directly click to dial, but mobile phone number has a variety of ways, such as whether there is a domestic area code, whether there is an international area code, whether with a delimiter, whether to use parentheses, whether with spaces, various platforms of various browsers in the identification is not too unified;

To add a link manually:

The following kind of add Tel: or tel://way with HTTP//link way very close, use more convenient:

<!--embed--><p> in normal page if you want to contact us, please <a href= "tel:5555555" > Call us! </a></p><!--from a picture link--><a href= "tel://555-5555" ></a><!--compatible with multiple platforms (Android + iPhone)--><a href=" tel://1-555-555-5555 ">+1 (555) 555-5555</a >

This can only be used in mobile version, and the computer version does not have to change.

In addition, there are ways to add other standards, such as:

<a href= "wtai://wp/mc;+1800229933" >call US free!</a>

Then we need to find out more detailed information.

Turn off automatic recognition:

You can turn off automatic recognition by adding tags to the head of the page:

<meta name= "format-detection" content= "Telephone=no"/>

This is valid for both iOS and Android platforms, and turning off automatic recognition does not affect the use of manually added number link tags.

In short, although this is only a small change, or the situation is more complex, a variety of Web site content, a variety of mobile phone platforms, a variety of browsers are required to test more.

Ext: Phone, mobile phone number add link in mobile website