admin管理员组

文章数量:1558103

前言

实践源于需求，



一个前端需求，需求如下：
前端网页有三种联系方式，邮箱，手机号，微信，
怎么实现手机上在网页上点击该文字进行相应的跳转
如：
点击邮箱号跳转到邮箱应用
点击手机号跳转到拨号应用
点击微信号跳转到微信应用
点击QQ号跳转到QQ应用

下面是简单的实现步骤。
              -- 记录与 2021年09月19日 测试可用

环境

简单的HTML页面

任意手机浏览器

Android手机 或 IOS手机

HTML实现

  • 点击邮箱号跳转到邮箱应用 (已测试)
<a href="mailto:support@xxx">邮箱：mailto:support@xxx</a>
  • 点击手机号跳转到拨号应用 (已测试)
<a href="tel:123">手机：123 </a>
  • 点击微信号跳转到微信应用 (已测试)
<a href="weixin://">微信号：123 </a>
  • 点击QQ号跳转到QQ应用 (未测试)
# 这个未测试，网上两种方法，可以都实践下
<a hfer="tencent://message/?uin=12345&Site=&Menu-=yes">弹出QQ为12345的窗口</a>

<a href="http://wpa.qq/msgrd?v=3&uin=1846189021&site=qq&menu=yes">联系客服</a>

整理

<a href="mailto:support@xxx">联系我们</a>
<a href="tel:110">123 </a>
<a href="weixin://">123 </a>
<a hfer="tencent://message/?uin=12345&Site=&Menu-=yes">弹出QQ为12345的窗口</a>

总结

前三个邮箱、手机、微信都亲自测试过，
Android， IOS点击可跳转对应应用。

QQ只是在网上搜了下，没做测试，感兴趣的可以尝试下看能不能成功

不过话说回来，找了半天，只在网上一些博客里找到了上述这几种的应用跳转，
不知道有没有比较官方的文档或者资料可以找到的，

当然，也可能是我关键词没搜对？

有知道的麻烦留言或者私我呼我下

其他

如有遗漏欢迎补充

如有问题欢迎留言

如有作用欢迎点赞

方便的话点个关注收藏更好了

2021年09月19日测试可用

本文标签： 手机跳转邮箱htmlqq

版权声明：本文标题：2021 HTML点击跳转对应手机应用（邮箱、手机、微信、QQ） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1727388311a1112468.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。