代码笔记

给手机浏览网站中电话,手机号码添加链接

阅读

自动识别:

      iOS和Android上的浏览器自动可以识别号码并添加链接方便用户直接点击拨打,但手机号码有各种写法,例如是否有国内区号、是否有国际区号,是否用分隔符、是否用括号、是否用空格等,各种平台的各种浏览器在识别上不太统一;


手工添加链接:

      下面这种加tel:或者tel://的方式与http://链接方式很接近,用得比较方便:

        如果您想联系我们, 请打电话给我们!<a href="tel:18615653408" class="telBtn">13705444447</a>

      这个可以只用在手机版中,而电脑版中不用改变。


关闭自动识别:

      可以在页面head中添加标签来关闭自动识别功能:

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

      这个对iOS和Android平台都有效,关闭自动识别不影响人工添加的号码链接标记的使用。

      总之,虽说这只是一个小小的改变,还是情况比较复杂的,各种网站网页内容、各种手机平台、各种浏览器都是需要多测试的。



推荐阅读

jQuery判断是否移动设备浏
jQuery判断是否移动设备...
HTML 5 手机扫描二维码登
HTML 5 手机扫描二维码登...
适应同品牌尺寸手机的
适应同品牌尺寸手机的...
各种浏览器的Hack写法(
各种浏览器的Hack写法...