iphone 浏览器自动解析数字为号码解决方法

iphone 浏览器自动解析数字为号码解决方法

www.MyException.Cn  网友分享于:2015-10-09  浏览:0次

iphone 浏览器自动解析数字为号码解决办法

在工作中遇到了这么一个问题 —— 在HTML代码中有一部分数字,设定的样式为“白色”,在android 浏览器 和 PC web中显示都是正常的,但是在iphone浏览器中先显示为白色,之后有变为“黑色”,在点击这串数字的时候,显示为拨打电话界面。

分析:

根据上图展现的方式说明“1234-5678-9999”添加了tel标签

<a href="tel:1234-5678-9999">拨号</a>
<a href="sms:1234-5678-9999">发短信</a>

结论:iphone safari浏览器在页面加载完之后会自动将数字改为tel标签,即解释为号码,这样就能产生拨号。

解决办法:

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

文章参考 http://blog.sina.com.cn/s/blog_51048da70101cgea.html

format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置:

meta name="format-detection" content="telephone=no"
meta name="format-detection" content="email=no"
meta name="format-detection" content="adress=no" 

也可以连写:

meta name="format-detection" content="telephone=no,email=no,adress=no"

下面具体说下每个设置的作用:

一、telephone

你明明写的一串数字没加链接样式,而iPhone会自动把你这个文字加链接样式、并且点击这个数字还会自动拨号!想去掉这个拨号链接该如何操作呢?这时我们的meta又该大显神通了,代码如下:

telephone=no就禁止了把数字转化为拨号链接!

telephone=yes就开启了把数字转化为拨号链接,要开启转化功能,这个meta就不用写了,在默认是情况下就是开启!

二、email

告诉设备不识别邮箱,点击之后不自动发送

email=no禁止作为邮箱地址!

email=yes就开启了把文字默认为邮箱地址,这个meta就不用写了,在默认是情况下就是开启!

三、adress

adress=no禁止跳转至地图!

adress=yes就开启了点击地址直接跳转至地图的功能,在默认是情况下就是开启!

时间: 2024-07-30 10:21:17

iphone 浏览器自动解析数字为号码解决方法的相关文章

chrome浏览器默认启动时打开2345导航的解决方法

2345并没有修改chrome内部设置,它只是把所有的快捷方式修改了,包括开始菜单旁边的快捷启动图标. 只需要右键chrome快捷方式,在目标一栏中,把"----chrome.exe"引号后面的所有东西删除,然后确定,就不会再有问题了.开始菜单旁边的小chrome图标一样方法都可以解决... 而若在更改目标位置时出现需要一"您的权限不足,请点击继续来获得权限." 解决方法: 对计算机图标,击右键,选择管理. 开界面后,选择本地用户和组,单击用户,选择administ

eclipse的数字标点错乱解决方法

今天用eclipse的时候,出现了一个小问题.数字变成了标点,标点变成了数字,比如我左shift+2 结果出来是双引号,而shift+“显示@.当然这个简单,只要重启eclipse就行了,但是总有些时候eclipse有服务器在跑,不想关. 这时候一般有三种解决情况. 1.输入法问题,我碰到这个就是.默认输入法才有问题,切换成百度输入是木有问题的,那就切吧.搞定 2.Numlock,查看Numlock灯是否亮着,切换状态再试一下.小键盘的问题在laptop碰到居多 3.shift键被按死.键盘有点

gSoap的“error LNK2001: 无法解析的外部符号 _namespaces”解决方法

在工程中添加宏 WITH_NONAMESPACES gSoap的"error LNK2001: 无法解析的外部符号 _namespaces"解决方法

避免浏览器自动填充表单的解决方式

以前在做项目的时候遇到过这个问题,当时年少太轻狂,没有想过是为什么会发生这样的问题,只觉得作为一个用户,每次在登录网站的时候很有用,很便捷,甚至觉得这个自动填充功能,嗯, 真棒!但是,这次又遇到了这个问题,我不禁陷入了沉思...为什么会有自动填充呢?为什么会变成黄色框框呢?作为一个开发者,在我不需要它自动填充的时候,它真的,很碍事! 于是乎~各种谷歌百度,试了一堆方法,终于让我解决了这个问题!!! 首先,在浏览器有点击过记住密码的操作的前提下,在直接写两个input,type分别等于text和p

解决:IE中不能自动选择UTF-8编码的解决方法

IE中不能自动选择UTF-8编码的解决办法 在windows操作系统上使用IE作为浏览器时.常常会发生这样的问题:在浏览使用UTF-8编码的网页时,浏览器无法自动侦测(即没有设定“自动选择”编码格式时)该页面所用的编码.即使网页已经声明过编码格式: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ,由此造成某些含有中文UTF-8编码的页面产生空白输出. 问题分析:

浏览器兼容性问题及常见的解决方法

一.什么是浏览器兼容性问题 浏览器兼容性问题又称网页兼容性和网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致二产生浏览器和网页间的兼容问题.在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示.而对于浏览器软件的开发和设计,浏览器对标准的更好兼容能够给用户更好的使用体验. 二.浏览器兼容性问题产生原因 因为不同浏览器使用内核及所支持的HTML等网页语言标准不同:以及用户客户端的环境不同(如分辨率不同)造成的显示效果不能达到理想效果.最常见的问题就是网页元素位置混乱

浏览器功能记住账号和密码解决方法(HTML解决方式)

1.在input标签里应用html5的新特性autocomplete="off"  注:对chrome不管用.其他浏览器没试. 2.如果是一个输入框那就在当前input标签后面(一定要在紧挨的后面,否则不管用,不知原因,知情者请告诉我一下原因)写<input type="text" style="display:none;"/>(这里用visiblity:hidden也可以,不过要占用一定的像素空间). 如果是两个输入框,例如: &l

IE6/IE7浏览器不支持display: inline-block;的解决方法

display: inline-block;在IE6与IE7中存在bug. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的: IE中对内联元素使用display:inline-block,IE是不识别的,但使用display:inline-block在IE下会触发layout,从而使内联元素拥有了display:inline-block属性的表征

sap保存时小写字母自动转大写字母的解决方法

在实际应用中,ABAP保存数据到后台数据库表中时,会自动把前台输入的小写字母自动转换为大写字母来保存,有时候客户可能不需要转换,就需要用到下面的方法: 1.找到对应字段的Data Element,然后进入其Domain界面,查看该Domain的Definition标签页中的Lower Case是否勾上, 如为空,则表示自动转为大写,勾上后系统即不进行自动转换. 2.这是个系统标准的Domain,引用其的Data Element甚多,不可更改,解决方法是新建一Domain,分配给要修改的Data