ASP.NET MVC - Mobile上的Safari自動將數字變成Phone Number

其實這是個小小的問題，而且也和ASP.NET MVC無關…主要是在Mobile上的Safari他太聰明!?了，將我們網頁上的數字，自動辨識成Phone Number…如下圖…原本是日期的2013 08 07變成了聯絡資訊…

當然，原本的HTML是沒甚麼問題的。

<div class="mainBar" id="home">
    <div class="container">
        <div class="row">
            <div class="span12">
                <h1>Study4Love</h1>
                <p><time>2013 08 17</time> 新竹</p>
                <p>
                <a href="http://registrano.com/events/eeb127" class="register" target="_new">已結束</a>
                </p>
            </div>
        </div>
    </div>
</div>

主要原因還是因為Mobile上的Safari雞婆了太貼心了，解決的方法很簡單，只要加上一個metadata就可以了，如下。

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<title>@ViewBag.Title</title>

是的，只要加上<meta name="format-detection" content="telephone=no">就可以了；得到的畫面就和原本的一樣了。

就這樣。

參考資料

• http://stackoverflow.com/questions/226131/how-to-disable-phone-number-linking-in-mobile-safari