有趣生活

当前位置:首页>科技>html5如何获取微信用户HTML点击跳转对应手机应用

html5如何获取微信用户HTML点击跳转对应手机应用

发布时间:2026-07-25阅读(0)

导读实践源于需求,一个前端需求,需求如下:前端网页有三种联系方式,邮箱,手机号,微信,怎么实现手机上在网页上点击该文字进行相应的跳转如:点击邮箱号跳转到邮箱应用....

实践源于需求,一个前端需求,需求如下:前端网页有三种联系方式,邮箱,手机号,微信,怎么实现手机上在网页上点击该文字进行相应的跳转如:点击邮箱号跳转到邮箱应用点击手机号跳转到拨号应用点击微信号跳转到微信应用点击QQ号跳转到QQ应用下面是简单的实现步骤 -- 记录与 2021年09月19日 测试可用,现在小编就来说说关于html5如何获取微信用户?下面内容希望能帮助到你,我们来一起看看吧!

html5如何获取微信用户(HTML点击跳转对应手机应用)

html5如何获取微信用户

前言

实践源于需求,一个前端需求,需求如下:前端网页有三种联系方式,邮箱,手机号,微信,怎么实现手机上在网页上点击该文字进行相应的跳转如:点击邮箱号跳转到邮箱应用点击手机号跳转到拨号应用点击微信号跳转到微信应用点击QQ号跳转到QQ应用下面是简单的实现步骤。 -- 记录与 2021年09月19日 测试可用

环境

简单的HTML页面任意手机浏览器Android手机 或 IOS手机

HTML实现
  • 点击邮箱号跳转到邮箱应用 (已测试)

<a href="mailto:support@xxx.com">邮箱:mailto:support@xxx.com</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.com/msgrd?v=3&uin=1846189021&site=qq&menu=yes">联系客服</a>

整理

<a href="mailto:support@xxx.com">联系我们</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日测试可用

TAGS标签:  html5  如何  获取  微信  用户  html5如何获取微

Copyright © 2024 有趣生活 All Rights Reserve吉ICP备19000289号-5 TXT地图HTML地图XML地图