解决微信内置浏览器tel:手机号不能打电话的问题

最新推荐文章于 2022-08-26 09:18:10 发布
最新推荐文章于 2022-08-26 09:18:10 发布
阅读量1.3w 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 微信开发 文章标签： 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangkadm/article/details/48340019
本文探讨了在微信内置浏览器中遇到的无法直接拨打手机号的问题，并提供了两种解决方案：一种是通过在页面URL后添加特定参数来实现拨号功能；另一种是直接使用tel:链接方式，但该方式会导致电话号码显示错误。文章详细解释了这两种方法的工作原理及各自的局限性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

正常的唤起设备的打电话功能,这样写就可以了

<a href="tel:13045678901">拨号</a>

但是在微信内置浏览器中这个功能好像是被屏蔽掉了

解决方法:


1.保险的方法

在当前页面的url后面添加#mp.weixin.qq.com,

如http://www.baidu.com

换成

http://www.baidu.com#mp.weixin.qq.com

这样在htt://www.baidu.com这个页面就可以唤起拨号


2.直接tel:手机号#mp.weixin.qq.com

这样做测试是可以唤起拨号功能,但是有问题,拨号盘上的电话号码跟tel后面的那个手机号是不一致的,好像是强制把后面的#mp.wx.qq.com转换成了数字,目前这种做法不可行,如果有解决这个问题的,请劳烦告知一下.


微信小程序教程
m0_69450653的博客
10-07 1166
小程序知识点总结
基于微信小程序的食谱精灵系统/基于微信小程序的美食系统/基于微信小程序的订餐系统
最新发布
m0_73706453的博客
08-02 1392
在当前移动互联时代下，作为小程序本身，无论是获取客户，还是保留客户，都已经处于一个难以上升的窘境，智能手机以为解决当前的问题提供了新的方向新的可能。手机能实现搜索附件的美食，其次是用户可以根据自己制作的美食进行下单，提供其他用户查看，所以本人通过四年大学所学的知识开发一套食谱精灵小程序， 本网站采用B/S模式的三层架构，以访问Web数据库为中心，HTTP为传输协议，用户端通过浏览器访问Web服务器和与其相连的后台数据库，即称之为B/S（Browser/Server）模式。但是B/S结构难以实现个性化功能，需
微信内置浏览器器中点击拨打电话功能失效
Love.Hope.Faith
11-27 7949
如题。         微信网页开发过程中，需要使用到点击超链接然后拨打电话的功能。         在IOS系统中，safari浏览器可以自行识别浏览器网页中的数字串为电话号码，点击这个数字串的时候即可直接拨打电话。         但是在Android系统中，浏览器并没有这个功能，所以必须使用下面的标签才能够拨打电话。        通过这个就可以直接点击拨打电话了。        
微信内置浏览器中使用一键打电话功能
u010865136的专栏
10-13 7983
一、需求 公司系统的微信端页面需要点击“电话”小图标，直接拨打电话。 二、实现 可以通过h5的标签tel实现。 1.最常用WEB页面JS实现一键拨号的电话拨打功能：<a class="btn btn_an3" href="tel:15311480726"></a> 此效果为网页中有一个“电话”的小图标（class=”btn btn_an3”的样式效果），点击小图标后，到拨号界面，显示号码，
安卓版微信内置浏览器，<a href="tel:电话号码"></a> 这个链接失效，不能跳到拨号界面？
lijihhhh的专栏
12-05 7026
在URL最后面加“ #mp.weixin.qq.com ”，应该加其他qq.com的二级域名都行，估计是微信的安卓内置浏览器是根据域名判断是否屏蔽tel:的。 在URL最后面加“ #mp.weixin.qq.com ”。 例如公司简介的页面是：http://app.xxxxx.com/about.html#mp.weixin.qq.com ，那么这个页面里面的 tel:都能正常跳到拨号界面了
微信内置浏览器中实现点击电话号码自动到拨号页面
weixin_34189116的博客
08-11 1128
一般的web处理 1.一键拨号： &lt;a href="tel:10086"&gt;马上拨打电话10086&lt;/a&gt;  2.发送短信功能： &lt;a href="sms:10086"&gt;发送短信&lt;/a&gt;  3、移动web页面自动探测电话号码： &lt;meta name="format-detection"
前端学习笔记：微信内置浏览器拨打电话
qq_43736391的博客
12-08 711
1.一键拨号： <a href="tel:10086">拨打电话10086</a> 2.发送短信功能： <a href="sms:10086">发送短信</a> 3.移动web页面自动探测电话号码 <meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none"> 4.使用wtai协议进行
Java版点餐小程序2022最新版笔记，Springboot+Mysql+Freemarker+Bootstrap+微信小程序实现扫码点餐小程序
热门推荐
编程小石头
03-19 1万+
今天来给大家讲解一个完整的微信小程序点餐项目。java后台+微信小程序实现点餐系统。 第一章，技术选型 1,后台技术选型： JDK8/Java11 Mysql5.7/Mysql8 Spring-boot2.2.4 Spring-data-jpa Lombok Freemarker Bootstrap4.3 Websocket即时通讯 Tomcat服务器 Excel数据的批量导入与导出 2,小程序端技术选型 微信小程序 css3 JavaScript 第二章，效果图 1， 管理后台 .
使用uni-app开发微信小程序
qq_34474585的博客
12-16 2883
文章目录1.uni-app框架介绍2.布置开发环境3.理论基础3.1开发规范3.2目录结构3.3组件3.4 常用API4.开发实践4.1页面相关4.1.1页面生命周期4.1.2创建页面4.1.3修改页面样式、功能4.1.4页面跳转4.2组件相关4.2.1组件生命周期4.2.2创建和使用组件4.2.3组件间通信5.小程序发布 1.uni-app框架介绍 uni-app 是一个使用 Vue.js 开发...
微信公众号接入多客服系统，功能使用说明
zhimaxiaokefu的博客
03-18 1599
微信公众号在用户获取和服务方面发挥着重大作用，那么有没有好用的公众号运营工具来辅助粉丝运营呢，不仅仅解决沟通而已，还承担着私域流量，后续转化等。 公众号怎么接入客服系统？哪些亮点功能提示运营/服务效率？ 本文将从七大能力说明 一、及时沟通能力 二、主动营销能力 三、增强运营能力 四、推广分析能力 五、用户管理能力 六、客服协同能力 七、数据分析能力 使用公众号客服系统的三种...
解决微信浏览器tel标签不能识别的问题
weixin_33878457的博客
12-02 812
最近做了一个手机端网页，电话连接用了tel标签，在个浏览器下都可以直接连接到拨号页面，但是从微信中打开网页，点击电话连接却不行，经过网上一番查找，原来是微信基于安全原因，屏蔽了tel标签，解决方案是，网页的连接后边加上#mp.weixin.com或者?mp.wexin.com例如 原网页的地址是http://www.wexintel.com/index.html里有te...
H5页面（微信也可）中调用手机拨打电话功能
qq_33290968的博客
03-29 4093
正常情况下直接调用如下代码： <a href="tel:13555555555">打电话</a> Vue中使用动态绑定 <a :href="'tel:'+phone">打电话</a> 如果要在组件内使用次功能，需要用a标签包裹组件才可生效 <a :href="'tel:'+phone"><van-button type="primary">联系用户</van-button></a> 上面的代码在绝大多数手机
安卓版微信内置浏览器，<a href="tel:电话号码"></a> 这个链接失效，跳到拨号界面
易龙元泰的专栏
10-14 5947
在URL最后面加“ #mp.weixin.qq.com ”，应该加其他qq.com的二级域名都行，估计是微信的安卓内置浏览器是根据域名判断是否屏蔽tel:的。
解决微信浏览器中无法一键拨号问题tel
weixin_30251587的博客
01-24 644
公众号中需要在某些页面显示手机号码，并且需要点击后拨号. 原以为 <a href="tel:10086">10086</a> 可以解决了, 没想到在微信浏览器中并没有什么反应(老版本). 网上所有方案都是在链接地址加上锚点去解决这个问题. 但是目前网站的锚点已经用于单页面路由使用了，不适合这个方案. 于是想到了签入iframe实现. 新建一个页面 calltele...
在HTML中标记tel是什么意思,'tel'属性在AEM 6.1的经典UI中富文本编辑器中的锚标记的href中不起作用...
weixin_39753213的博客
07-02 1041
我正在使用AEM 6.1 SP2，我试图在定位标记的href中启用'tel'属性以使点击调用功能性工作。我已经添加了'htmlRules'节点 ，并将htmlRules节点下的节点与'protocols'属性链接为[http：//，https：//，ftp：//，tel :, mailto :, file：//]'tel'属性在AEM 6.1的经典UI中富文本编辑器中的锚标记的href中不起作用的...
微信浏览器返回无法解决
Manarola的博客
04-27 1628
微信浏览器点击顶部微信的返回按钮的时候，返回上一级页面，但是任何资源均不重新加载，所以导致数据更新不及时。 可以用单页应用的形式来解决该问题。
html tel://协议,关于html：可点击tel协议是firefox中的标签
weixin_33332385的博客
06-03 1140
我有一个非常标准的电话号码标签。 它可用于除Firefox之外的所有内容。 我以为tel协议是标准的-我不知道有什么解决方法吗？(800) 123-4567Firefox错误消息：The address wasn't understoodFirefox doesn't know how to open this address, because the protocol (tel) isn't a...
微信小程序获取用户tel、获取用户信息（uni-app）
qq_37899792的博客
12-02 647
两者不能同时获取 获取手机号需要后台接口配合 <button @getuserinfo="wxGetUserInfo" open-type="getUserInfo">获取用户信息</button> <button @getphonenumber="wxGetPhoneNumber" open-type="getPhoneNumber">获取用户手机号</button> <script> wxGetUserInfo() { ..
H5页面唤起手机拨打电话（拨号）
a476613958的博客
08-26 9583
H5唤起手机打电话
微信内置浏览器屏蔽下载解决方案
通过上述的知识点，可以看出，要解决微信内置浏览器限制下的APP下载问题，需要开发者具备前端和后端开发的能力。在前端方面，需要熟悉微信JS-SDK的使用，能够根据用户的客户端环境做出判断，并给出相应的提示或跳转...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值