电话号码在ios设备上面显示黑色的处理方法

2016-06-01 15:16 栏目:实用知识 查看(9813)

在我们长沙做网站很多建站公司标榜的三合一或者是四合一,其实最多就是二合一,一般的说三合一是指PC网站、手机网站、微信,而四合一就是加上app,而实际上微信和手机几乎就是一个版本(至少对于很多企业网站来说是这样,而需要在手机浏览器和微信中完成不同的业务逻辑除外),而所谓的app只不过是个webapp罢了。

其实如果要说这个概念,我们会说五合一、六合一,但我个人觉得这样的叫法是可笑的。比如我们可以对平板的支持,当然分两种方式,一种是基础支持,另外一种就是完美支持。就好像做app有H5来做也有用原生的来做一样。对于很多不太想花费在平板上面的费用,那么我们可以提供基础支持(类似于淘宝网的处理方式);也就是在平板上面一样可以正常浏览,当然效果肯定没有完美支持那么好,完美支持首先得是响应式。

在最近我们做的一个项目中,是包含了电脑版和手机版(当然也包含了微信,因为没特殊业务区别,因此其实手机版就包含了微信);而且使用PC版在ipad平板上面看也基本正常,但唯独有一个地方不对劲的就是在导航条上面的电话号码(其实这个电话号码只是为了展示,不用于拨号)。

如果仅仅是能拨号也没有什么影响,而要命的是这个电话号码的文字颜色也变成了特别丑的黑色(我并没有说黑色是丑的,而是因为导航条是深色的,这样就丑了)。因为以前关注过ios的开发,也做过很多项目,因此立马就想到了关于ios的一些问题。这里我就分享给大家:

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

在网页的head部分加入这个meta标识就够了,大概意思就是不禁止自动识别手机号码,当然我们要使用的时候,我们可以采用tel:的形式来添加。这里顺便附上apple官方的文档

好了,最后我想说的是,我们提供长沙及周边地区全方位的网站开发服务,我们提供的服务是什么就是什么;绝对不会像某些浑水摸鱼的那样把一个webapp说成是原生app,我们提供PC、手机浏览器、微信端、平板等web项目开发,也可以提供基于H5或者基于原生的APP开发。企业网站我们不建议开发app,不是我们不想赚钱,而是我们觉得用户需要的才是王道;至于一些运营性质的项目,我们也是建议前期采用web的方式,后面可以水到渠成开发app。

与我们的项目经理联系
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

转载请注明出处:电话号码在ios设备上面显示黑色的处理方法 - 微构网络
分享: