<a href="tel:...">在移动和非移动浏览器中使用</a>

Question

我需要为移动设备构建一个网页。

只有一件事我还没有弄清楚：如何通过单击图像来触发电话。

如果我给一个<a href="tel:xxx-xxx"> ，它会工作，但如果从非移动浏览器点击它，“找不到页面”会出现，因为电话号码自然不是现有页面。

Answer 1

在浏览器中你测试过吗？ 我已经在Firefox，Chrome和IE中尝试过了，所有人都问我应该使用哪些软件用于“tel”链接，他们都没有给我一个错误页面。

因为这个事实，我决定让我上次制作的网站在移动和桌面浏览器中拥有电话链接。 有些用户可能会使用手机软件，因此点击通话对桌面浏览器也有好处。

（这个答案应该是评论，但我的声誉很低）

Answer 2

你可以这样试试：

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

让jQuery为你做剩下的事情：

if( isMobile.any() ){
    $('a').attr('href', 'tel:1323456458897');
}

边注：

要指定哪个<a>应该受到影响，请为您的<a>指定ID，并按以下方式执行操作：

 if (isMobile.any()) {
    $('a#phonea').attr('href', 'tel: 4515715151456');
 }

我这样使用它，当不在移动设备上时禁用完整的链接:(在我的情况下，id电话是<li>元素

else {
    $('#phone').html('<i class="fa fa-phone"></i> Phone: 4515415411818');
}

我设置了一个小小提琴按钮显示： http ： //jsfiddle.net/rp8ma5oe/

Answer 3

它正在工作，就我而言，问题可能出在缓存中

Answer 4

它很简单：把你的链接放在下面：

<a href="tel:12345565444">something or your number</a>