如何使网站按钮打开短信撰写电话号码?

时间:2015-05-20 21:27:21

标签: html

我找到了解决方案,以便当您点击网站上的按钮时,它会链接到一个电话号码,而用户手机将打开拨号码,并预先填充该号码。

我想要做的是将“撰写邮件”模式中的用户短信应用程序打开到该特定号码。有没有办法做到这一点?我尝试了以下方法,但它在Android上不起作用:

sms://1-516-400-6217

1 个答案:

答案 0 :(得分:13)

一般格式为: <a href="sms:+919999999999?body=Hello World!">Link</a>

您还可以在收件人列表中添加多个号码:
<a href="sms:+919999999999,+919999999990?body=Hello World!">Link</a>

我发现这也适用于我的Android设备:
<a href="sms://+919999999999?body=Hello%20World!">Single recipient and encoded body</a>

小型演示:

&#13;
&#13;
body {
  font-family: monospace;
  text-align: center;
}

a {
  font-size: 24px;
}

code {
  font-size: 18px;
  line-height: 26px;
  white-space: normal;
  word-break: break-word;
  background-color: lightgray;
  padding: 5px;
  border-radius: 4px;
}

h1 {
  margin-bottom: 5%;
}
&#13;
<!DOCTYPE html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
  <h1> Run this Snippet on an actual mobile device to check if it supports the special links</h1>
  <hr>

  <pre><code>&lt;a href=&quot;sms:+919999999999?body=Hello World!&quot;&gt;Single recipient and plain body&lt;/a&gt;</code></pre>
  <a href="sms:+919999999999?body=Hello World!">Single recipient and plain body</a>

  <pre>
<br>
</pre>


  <pre><code>&lt;a href=&quot;sms:+919999999999,+919999999990?body=Hello World!&quot;&gt;Multile recipient and plain body&lt;/a&gt;</code></pre>
  <a href="sms:+919999999999,+919999999990?body=Hello World!">Multile recipient and plain body</a>

  <pre>
<br>
</pre>


  <pre><code>&lt;a href=&quot;sms://+919999999999?body=Hello%20World!&quot;&gt;Single recipient and encoded body&lt;/a&gt;</code></pre>
  <a href="sms://+919999999999?body=Hello%20World!">Single recipient and encoded body</a>
</body>
&#13;
&#13;
&#13;

来源: Send a SMS Text From A Link

正如文章中所提到的,支持取决于平台和SMS应用程序,有些工作,而其他人则不做。

如果没有涉及设备检测的动态组件,也请避免使用它;因为在桌面上,链接绝对不会做任何事情。