教程集 > CSS教程 > 经典实例 > 正文 css3实现移动页面直接拨打电话(发送短信)

css3实现移动页面直接拨打电话(发送短信)

发布时间：2020-05-13 编辑：jiaochengji.com

教程集为您提供css3实现移动页面直接拨打电话(发送短信)等资源，欢迎您收藏本站，我们将为您提供最新的css3实现移动页面直接拨打电话(发送短信)资源

我们在手机浏览网页是希望用户看到手机号码点击就可以直接打电话或发短信，下面我们css3有专门的标题可以让你实现此方法。

最近有朋友要做一个在移动页面直接拨打电话的功能，我查了相关资料，每种说法都尝试了下，只有使用a标签在方法是使用最方便、兼容性最好的。

在移动页面拨打电话

代码如下	复制代码
<a href="tel:18511178920">

给守望者拨打电话</a>在移动页面发送短信

代码如下	复制代码
<a href="sms:18511178920">

发守望者发送短信咨询</a>这种方法是最好的，兼容移动端的safari，chrome,uc,qq浏览器,海豚浏览器等
其它方法不建议使用，主要是兼容性太差，也列出来吧，以供参考

1、移动web页面自动探测电话号码

代码如下	复制代码
<meta name="format-detection" content="telephone=yes">

2、使用wtai协议进行拨打电话

代码如下

复制代码

<a href="wtai://wp//mc;18511178920">拨打守望者</a>

<a href="wtai://wp/ap;18511178920;">将守望者存储至电话簿 </a>

[关闭]