Disable Telephone Number Detection On Ipad Desktop Web Links?

I'm developing a web application that will be launched from a desktop icon on an iPad as a full-screen application. The Apple documentation on phone links recommends using this met

Solution 1:

The meta tag works for me in asp.net. My guess is that it did not work for the OP because the HTML is not well formed. Non-IE, Mozilla browsers have issues with malformed XML/Html. Change

<metaname="format-detection" content = "telephone=no">

to

<metaname="format-detection" content = "telephone=no" />

Solution 2:

Put this after tel link load

if (navigator.userAgent.match(/(iPhone|Android|BlackBerry)/)) {
//this is the phone

} elseif (navigator.userAgent.match(/(iPod|iPad)/)) {
    $('a[href^=tel]').click(function(e){
       e.preventDefault();
    });
} else {
 //this is the browser

    $('a[href^=tel]').click(function(e){
        e.preventDefault();
    });
}

Solution 3:

ok, fixed it.. add an <a href link> and style it with no text-decoration... I was using the asp:hyperlink control in asp.net and it worked on 3.2, so not sure why it stopped in 4.2, but using a standard a link works.

Solution 4:

The meta tag will work:

<metaname="format-detection"content="telephone=no" />

It's the Safari browser not showing your updated page correctly. Make some other text change to the page and refresh and the changes will appear. Just adding the meta tag will still show the page with the number interpreted as a telephone number if you already viewed it that way.