html弹出窗口代码(2021 HTML点击跳转对应手机应用(邮箱、手机、微信、QQ)

前言

实践源于需求, 一个前端需求,需求如下: 前端网页有三种联系方式,邮箱,手机号,微信, 怎么实现手机上在网页上点击该文字进行相应的跳转 如: 点击邮箱号跳转到邮箱应用 点击手机号跳转到拨号应用 点击微信号跳转到微信应用 点击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日测试可用

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友