在网站上列出单击通话的电话号码的最佳方法

Question

在我构建的响应式网页（基于Twitter-bootstrap）中，除非在较小的分辨率（即平板电脑和电话）上查看页面，否则我有许多元素。 我已经找到了 - 至少在运行iPhone OS7的情况下 - 最好将电话号码作为数字保留，而无需链接。 iPhone将数字格式视为电话号码，添加了它自己的HREF，当您按下号码时，它问您是否要调用它-Isee scree screenshot1

.

。 但是，如果我将文本或电话号码封闭在TEL：MARKUP（按照众多“专家”的建议）中，当我单击链接时，什么也不会发生。 我必须长时间按链接（将其固定超过一秒钟），然后才为我提供了电话号码的不同选项-Isee屏幕截图2。

这可以克服吗？还是有一种更好的方法来列出电话号码，以便移动设备可以单击以调用它们（最终用户的最少步骤数）？ thanks

Edit：

在进行了页面测试之后，我发现

<a href="tel:xxxxxxxx">call link</a>

工作正常 - 除了在导航菜单中使用我的页面正在使用的情况下。 网站移动移动时，该站点将切换到下拉菜单，并且位于此无序列表的顶部，我已放置了我的呼叫链接。 例如。

<nav>
     <ul>
         <li class="mobile-only"><a href="tel:[phone]">Call now on <i class="icon-phone"></i> 1800 25 1800</a></li>
         <li><a href="#section-home" class="active">Home</a></li>
         <li><a href="#our-team">Team</a></li>
         <li><a href="#our-services">Services</a></li>
         <li><a href="#contact-section">Contact</a></li>
     </ul>
</nav>

i在我的样式表中有display:none;

设置

.mobile-only

，当达到

@media (max-width:768px)

时，我将

display:block;

设置为

.mobile-only

（其他样式）。

因此，我认为NAV栏中的某些内容或用于在正常模式和移动模式之间切换导航栏的代码正在阻止我的呼叫链接正常工作。 任何想法？ 在1990年代后期，该方案在2000年初进行了记录，并以

RFC2806

（由2004年的More-Thorough

RFC3966

淘汰），并将改进

Answer 1

tel:

不是任意决定。 我建议开始在您的页面上包括正确的电话：URI（不嗅探用户代理），然后等待世界其他手机赶上。

或如果要删除

tel:对于iPhone，则可以使用此jQuery片段： tel: [phone]打电话给我+601115290440打电话给我+601115290440致电我+601115290440打电话给我+601115290440打电话给我+601115290440