jquery - 带字母的电话号码 - 单击即可调用电话

Question

是否可以让包含字母的电话号码(仅用于移动设备)被移动设备识别为点击通话号码？

客户是注册会计师，他们碰巧有 4CPA 作为最后 4 位数字，这对他们来说非常重要......但对我来说重要的是这个网站可用。

我发现了这个问题: How to detect a mobile device in a web page

但是我不知道如何实现PHP，也不知道如何编写PHP来填充if/then。

(我希望不用 PHP 就能做到这一点。)

Answer 1

将以下 HTML 放在网页上，然后在 iPhone 上访问并单击该链接，即可调用号码 [+1 (555) 222-333]:

<a href="tel:+1-555-ABCDEF">+1-555-ABCDEF</a>

更新:

仅限移动设备(iPhone 和 Android 移动设备)的解决方案:

<script>
$(function(){
    if(navigator.userAgent.match(/(iPhone|Android.*Mobile)/i))
    {
        $('a[data-tel]').each(function(){
            $(this).prop('href', 'tel:' + $(this).data('tel'));
        });
    }
})
</script>

<a data-tel="+1-555-ABCDEF">+1-555-ABCDEF</a>

这只会链接浏览器中的电话号码与包含 iPhone 或 Android 的用户代理字符串和移动。

(参见:Detecting an Android phone)