html – 禁用Lync单击以呼叫检测网页中的数字

前端之家收集整理的这篇文章主要介绍了html – 禁用Lync单击以呼叫检测网页中的数字前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有办法阻止Microsoft Lync检测网页中的电话号码,并将其点击通话图标添加到Internet Explorer中的该电话号码?

显然,客户端可以在Internet Explorer中禁用此功能,但是我想禁用所有访问特定网站的用户,因为它不会很好地播放在网站上使用的嵌入式字体.

要做到这一点Skype我会添加以下Meta标签到我的网页的标题

<Meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

谢谢,

彼得

解决方法

我已经找到了几个选项,但没有一个简单或干净的添加Meta标签页面(微软绝对应该给我们作为一个选项).

选项#1:将标记插入您的电话号码

将一些空白的SPAN添加到电话号码的中间足以抛出Lync的检测.这是一个非常手动的选项,因为它需要您编辑页面上的每个电话号码.但是,禁用页面上的一个或两个数字,同时允许检测到任何其他数字,可能会很方便.

<p>For help,please call 1-<span></span>800-555-1234.</p>

选项#2:脚本移除额外的标记

Lync看起来以非常可预测的方式格式化电话号码.它使用一个(尽可能的告诉)一致的类名称包围一个SPAN数字,然后附加一个包含拨号图标的锚点.

<!-- Lync formatting -->
<p>For help,please call
  <span class="baec5a81-e4d6-4674-97f3-e9220f0136c1" style="white-space: nowrap;">
    1-800-555-1234 
    <a title="Call: 1-800-555-1234" style="...">
      <img title="Call: 1-800-555-1234" src="data:image/png;base64,..."/>
    </a>
  </span>
.</p>

鉴于用于类名的非常独特的Guid,您可以使用自己的客户端脚本来定位,隐藏或执行任何操作.隐藏所有Lync图标的jQuery方法可能如下所示:

$("span.baec5a81-e4d6-4674-97f3-e9220f0136c1 > a").hide();

UPDATE!选项#2a:放开附加标记

使用与上述脚本示例相同的技术,您可以使用CSS简单地将违规的锚标签舍弃.这应该比基于脚本的解决方案更好.

span.baec5a81-e4d6-4674-97f3-e9220f0136c1 > a {
   display: none !important;
}

选项#3:使用TEL锚点作为抢先罢工

为了兼容VOIP /拨号程序,需要一个standardized way标记一个电话号码.它使用带有tel:协议的标准A锚.这具有双重效果,不仅可以禁用Lync的侵入性标记,还可以为知道如何拨打号码(Skype)和移动设备(iOS和Android)的任何内容提供更好的支持.

<p>For help,please call <a href="tel:1-800-555-1234">1-800-555-1234</a>.</p>

现在,Lync用户仍然可以点击链接,这将提示他们使用Lync“打开”它,而不管他们使用的浏览器(我已经确认与IE9,Firefox和Chrome的兼容性).这使我成为两个世界最好的:与用户的电话应用程序的兼容性,而不会破坏您的标记和布局.

在Microsoft提出了一个Meta标签解决这些问题之前,我们选择了#3.

更新:将suggestion from @marsman57改进为CSS选项#2

原文链接:https://www.f2er.com/html/230847.html

猜你在找的HTML相关文章