微信小程序中内嵌h5页面，添加拨打电话功能

最新推荐文章于 2024-06-28 20:31:33 发布
最新推荐文章于 2024-06-28 20:31:33 发布
阅读量1.3w 收藏 10
点赞数 1
分类专栏： 微信小程序 文章标签： 微信小程序 拨打电话功能 小程序内嵌h5页面可拨打电话
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39378691/article/details/83653139
版权
1.内嵌的h5页面，head里面添加meta标签，需要拨打电话的地方添加a标签 ，属性href=“tel: 135xxxxxxxx”
PS：name="format-detection"为格式检测，telephone=yes为手机号码显示为拨号的超链接
<meta name="format-detection" content="telephone=yes"/>

在这里插入图片描述

2.html页面布局是，点击联系我们，弹出phone窗口，“拨打”后面跟着后台返回的号码，点击取消即放弃拨打，点击确定可拨打该号码

在这里插入图片描述

3.script中get请求，从后台获取到电话号码赋给pcall。点击“联系我们”，号码追加到.pcall的span标签中，点击“确定”，a标签添加href属性，即拨号的超链接，可去到手机拨号处

在这里插入图片描述

4.小程序中浏览效果如下：

在这里插入图片描述

过敏的小鱼干
关注
  • 1
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
微信小程序内嵌网页分享功能
01-27
小程序启动授权等操作成功后直接跳转到内嵌网页，内嵌的网址也就是公司的官网产品项目，而后，产品项目里面的各个网页都能支持分享操作，当然，对方打开的一定是你分享的那个页面而不是整个小程序初始页面。...
微信小程序webview内嵌h5页面
技术前端，忠于热爱 @回忆哆啦没有A梦
11-03 9155
微信官方文档https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html 正式上线前准备（前期开发调试可以忽略） 首先登录小程序管理后台，把 web-view 直连的 h5 页面地添加到配置域名白名单中 比如我想要小程序直连地址为https://me.csdn.net/weixin_39550080的页面，那就应该把https://me.csdn.net添加到 webview 业务域名白名单中 (注意不是 requ.
微信公众号 H5 页面中点击一个按钮调起手机的电话拨打功能
qq_43248623的博客
12-03 5293
1、在H5页面中调起手机的电话拨打功能其实很简单就能实现： <a href="tel:13556891235">点击给我打电话</a> 2、在H5页面中调起手机发送短信： <a href="sms:18688888888">发短信</a> 3、要想实现点击一个按钮我们可以通过点击一个按钮然后弹出一个对话框，询问是否要拨打电话，并在页面上提示电话号码，然后我们点击确定，我们可以通过直接将a标签的内容写为确定，当用户点击确定的时候就会自动调起打电话功能。 &l
支持内嵌H5页面，谈谈微信小程序的应用场景
最新发布
杨荧的CSDN博客
06-28 1578
微信小程序的应用场景非常广泛，它为用户提供了便捷、高效的服务，同时也为商家和开发者提供了广阔的市场空间。随着技术的不断发展和创新，微信小程序的应用场景将会更加丰富多样，为人们的生活和工作带来更多便利
H5页面（微信也可）中调用手机拨打电话功能
qq_33290968的博客
03-29 3581
正常情况下直接调用如下代码： <a href="tel:13555555555">打电话</a> Vue中使用动态绑定 <a :href="'tel:'+phone">打电话</a> 如果要在组件内使用次功能，需要用a标签包裹组件才可生效 <a :href="'tel:'+phone"><van-button type="primary">联系用户</van-button></a> 上面的代码在绝大多数手机
小程序怎么跳转H5并且进行一键拨号打电话？几行代码解决！
LauEl-的博客
07-26 1171
这样的话我们就可以使用一些手段进行一个电话拨打的功能。配置好这里后就把以下代码上传到服务器跳转就可以了。首先一定要在小程序后台管理里配置业务域名。模板建站无法进行一键拨号这个功能。模板也是可以进行h5链接的。就可以实现拨打电话功能了！但是小程序支持h5跳转。
H5页面唤起手机拨打电话（拨号）
a476613958的博客
08-26 8526
H5唤起手机打电话
H5 页面中点击一个按钮调起手机的电话拨打功能
单枪匹码
01-03 7236
1、在H5页面中调起手机的电话拨打功能其实很简单就能实现： <a href="tel:13556891235">点击给我打电话</a> 2、在H5页面中调起手机发送短信： <a href="sms:18688888888">发短信</a> 3、要想实现点击一个按钮我们可以通过点击一个按钮然后弹出一个对话框，询问是否要拨打电话，并在页面上提示电话号...
uniapp H5页面、小程序页面获取手机号拨打电话
maoge_666的博客
04-12 3206
uniapp H5页面、小程序页面获取手机号拨打电话
详解微信小程序与内嵌网页交互实现支付功能
01-20
上个月，小程序开放了新功能，支持内嵌网页，所以我就开始了小程序内嵌网页之路，之前我只是个小安卓。 内嵌网页中可使用JSSDK 1.3.0提供的接口，可坑就来了，居然不支持支付接口的调用，经过一番研究，总算打通了...
微信小程序嵌入H5页面播放监控webrtc视频流1~2秒画面延迟,安卓和ios都兼容
04-23
在微信小程序中嵌入H5页面来播放监控视频流，特别是使用WebRTC技术，可能会遇到1到2秒的画面延迟问题，而这个问题需要针对iOS和Android两大操作系统进行优化以实现良好的兼容性。以下将详细探讨这一主题，以及如何...
小程序web-view调用H5页面发起小程序抽取微信地址示例代码
09-28
小程序web-view调用H5页面发起小程序抽取微信地址示例代码。 这接口是我熬夜写出来的，可以用于ECtouch的H5发起小程序调用微信收货地址，如果看不懂的话，可以进微信>>发现>>小程序搜索：“春意谷成人用品商城”进“春意谷成人用品商城”这个小程序可以看我做的接口演示，小程序里面有我的联系方式，可以通过小程序联系我，如果是我不忙的时候也可以帮你简单解答。希望能帮你节省些时间。
快速小程序开发之微信小程序内嵌 H5
03-29
本篇博文将从业务选型，微信小程序后台配置，使用 web-view 完成登录业务以及在实战中如何调试一次性带你感受小程序内嵌 H5 的风采，帮你更有底气的使用微信小程序新组件 web-view。   技术选择 H5 转成小程序方案...
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
10-16
通过以上步骤，我们成功实现了在微信小程序的Webview中内联H5页面，并通过交互调用微信支付的功能。在整个过程中，关键在于H5与小程序之间的数据通信，以及正确处理微信支付的回调。确保数据安全和用户体验是设计...
微信内置浏览器中使用一键打电话功能
u010865136的专栏
10-13 7724
一、需求 公司系统的微信端页面需要点击“电话”小图标，直接拨打电话。 二、实现 可以通过h5的标签tel实现。 1.最常用WEB页面JS实现一键拨号的电话拨打功能：<a class="btn btn_an3" href="tel:15311480726"></a> 此效果为网页中有一个“电话”的小图标（class=”btn btn_an3”的样式效果），点击小图标后，到拨号界面，显示号码，
微信内置浏览器器中点击拨打电话功能失效
Love.Hope.Faith
11-27 7790
如题。         微信网页开发过程中，需要使用到点击超链接然后拨打电话的功能。         在IOS系统中，safari浏览器可以自行识别浏览器网页中的数字串为电话号码，点击这个数字串的时候即可直接拨打电话。         但是在Android系统中，浏览器并没有这个功能，所以必须使用下面的标签才能够拨打电话。        通过这个就可以直接点击拨打电话了。        
移动端使用a标签tel属性实现拨打电话
weixin_48317236的博客
02-14 3467
移动端使用a标签tel属性实现拨打电话
【H5页面嵌入到小程序或APP中实现手机号点击复制和拨号功能】
m0_56026872的博客
08-28 6259
在H5界面嵌入到小程序和移动应用（安卓和iOS）中实现手指点击手机号弹出弹窗，包含呼叫和复制选项，是可以实现的。下面我将为你提供一个基本的示例，并解释在小程序、安卓和iOS中要做的支持工作。
微信h5 拉起获取微信昵称 弹出窗口无线循环
01-21
微信H5是一种基于微信平台的网页开发方式，可以在微信内部直接打开，提供了丰富的交互功能和接口。在微信H5中，如果要拉起获取微信昵称，即用户授权登录并获取用户信息，有时可能会遇到弹出窗口无限循环的问题。 这个问题通常是由于用户拒绝或取消授权登录引起的。当用户点击按钮或链接触发获取微信昵称的操作时，H5会发起授权请求，显示微信登录窗口。用户可以选择拒绝或者登录授权。如果用户选择拒绝，就会出现弹出窗口无限循环的情况。 解决这个问题的方法有以下几种： 1. 检查代码逻辑：检查代码是否正确处理用户拒绝授权的情况，如果代码中没有正确处理，就会导致无限循环。可以结合微信官方文档，查看正确的授权流程和处理逻辑。 2. 提示用户授权：在H5页面中，可以提供友好的提示，告知用户为什么需要授权获取微信昵称的权限，以及授权后的好处。增加用户的理解和接受度，减少用户拒绝的可能性。 3. 处理授权异常：在代码中增加异常处理，针对用户拒绝授权的情况，进行适当的提示和处理。可以使用微信提供的SDK接口中的错误码等信息，进行相应的处理，例如显示错误提示、跳转到其他页面等。 4. 检查微信配置：如果上述方法都没有解决问题，还可以检查微信开发者后台的配置是否正确，特别是域名配置和回调URL等设置，确保与当前H5页面的URL匹配。 综上所述，解决微信H5拉起获取微信昵称弹出窗口无限循环的问题，需要仔细检查代码逻辑、提示用户授权、处理授权异常以及检查微信配置等方面，以确保用户正常授权并获取微信昵称。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值