Question

我有一个显示银行对帐单的移动WEB页面。像这样：

DATE          | DESCRIPTION              | AMOUNT
--------------|--------------------------|---------------
Jan 2nd 2010  | Clothes                  |  USD 1.839.000
Sep 23rd 2010 | Drinks                   |  USD 2.837.000

我使用.作为千分隔符，因为那是我们的语言环境配置。

HTML非常简单。像这样：

<table>
   <tr>
      <td>DATE</td>
      <td>Clothes</td>
      <td>AMOUNT</td>
   </tr>
   <tr>
      <td>Jan 2nd 2010</td>
      <td>Clothes</td>
      <td>USD 1.839.000</td>
   </tr>
   <tr>
      <td>Sep 23rd 2010</td>
      <td>Drinks</td>
      <td>USD 2.837.000</td>
   </tr>
</table>

我遇到的问题是iPhone的Safari，Android浏览器和一些诺基亚浏览器思考（错误地）1.839.000和2.837.000等号码是手机数字因此将它们作为链接拨打电话或发短信。

我的问题：是否有特殊的TAG / ATTRIBUTE / CSSSTYLE告诉移动浏览器将此类文字显示为纯文本？

非常感谢。

Answer 1

我不了解Android或诺基亚，但对于iPhone，您可以使用meta tag：

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

禁止将任何内容检测为电话号码。

Answer 2

以下是您执行此操作的方法for the iPhone，其中seems to work也适用于Android;它可以在其他浏览器中运行，这就是我现在要测试的全部内容：

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

Answer 3

如果您希望保留识别电话号码的功能并允许您点按它，请使用此解决方案：

由于iOS在数字周围添加了<a href="tel123456789">标记，您所要做的就是制作一个用于标记此标记的css规则：

a[href^=tel] { color: inherit; }

信用额转到this Razor Edge Labs article。

Answer 4

Longshot，但是，尝试将时间段写为. - 有智能代码可以禁用移动野生动物园等，但这只适用于一两个设备。如果你很幸运，你将绕过他们的正则表达式。

Answer 5

正如评论中所讨论的那样，添加任意跨度似乎会破坏对相关浏览器的检测：

<span>2</span>.837<span>.000</span>

然而，“不解析此”属性或Meta标签形式的显式解决方案当然是可取的，因为它更可靠地在未来和所有/大多数平台上工作。

移动HTML呈现数字

5 个答案: