H5页面唤起手机拨打电话(拨号)

这篇具有很好参考价值的文章主要介绍了H5页面唤起手机拨打电话(拨号)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

H5页面唤起手机拨打电话(拨号)

在移动端页面开发中,偶尔会需要唤起用户手机的打电话功能,拨打客服电话,此时我们可以按照以下操作实现打电话功能:

拨打电话

index.html在中加入这一段

	<meta name="format-detection" content="telephone=yes"/>

js

	window.location.href = 'tel:4000-000-000';

或者

	<a href="tel:4000-000-000">拨打电话</a>

发送短信

index.html在<head></head>中加入这一段

	<meta name="format-detection" content="telephone=yes"/>

js

	// 添加内容
	window.location.href = 'sms:10086?body=短信内容';
	// 不添加内容
	window.location.href = 'sms:10086';

或者文章来源地址https://www.toymoban.com/news/detail-521585.html

	<a href="sms:10086">发送短信</a>
	<a href="sms:10086?body=短信内容"></a>

移动web页面自动探测电话号码

	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="x-rim-auto-match" content="none">

使用wtai协议进行拨打电话

	<a href="wtai://wp//mc;10086">拨打10086 </a>  
	<a href="wtai://wp/ap;10086;">存储</a>

关于微信页面出现屏蔽的情况,采用以下解决方案

	解决方法如下:
	1、拨号的代码还是不变,和原先的一样,
	2、打开拨号页面要做下处理,在网址后面增加一个锚节点mp.weixin.qq.com。
	实例如下:
	如:<a href=“tel:10086”>一键拨号</a> 上需要拨号代码,操作如下
	在有这个代码的页面URl后边加上“#mp.weixin.qq.com” 如:tel:10086#mp.weixin.qq.com
	```

到了这里,关于H5页面唤起手机拨打电话(拨号)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序调用拨打电话API,实现选择拨打固话或手机号。

    HTML 部分: JavaScipt 部分: (vue中 ,👇这段将写在 methods 里边) 效果 ···  有 固话 且 和 手机号 不相同图片演示:  效果 ···  两个 号码 相同 图片演示:   可根据需求自加判断条件,也可以选择此段代码直接服用。(收藏 关注哟 ♥)

    2024年02月13日
    浏览(39)
  • H5--公众号页面如何唤起小程序

    一、整体流程 认证服务号 绑定 JS接口安全域名 配置IP白名单 将H5和小程序进行关联 引入 微信sdk jweixin-1.6.0.js 需要跳转的小程序页面path和原始ID(gh_xxx) 二、检查流程配置是否正确 先查看官方的文档需求: 一步到位「开发前必读文档」 一步到位「微信 SDK说明文档」 三、配置

    2024年02月06日
    浏览(39)
  • uniapp H5唤起手机App 中间下载页

    我这里直接是打开中间下载页,在下载页判断手机是否已存在App,有则唤起App,没有则可点击下载按钮下载app。 唤起App的关键语句是:window.location.href =  scheme  Scheme链接格式样式: [scheme]://[host]/[path]?[query] 直接放全部代码: 其中: 上述代码中的schemeLink:xxxApp:// Android和

    2024年02月20日
    浏览(43)
  • H5 页面通过navigator.mediaDevices.getUserMedia调用手机摄像头拍照上传

    需求: 某知名化妆品牌,要做个在线问卷调查。需要试用着自拍上传 注:使用navigator.mediaDevices.getUserMedia 需要使用https请求协议否者视为不安全,无法访问,开发阶段需要将启动改为https 在package.json中 前端开发环境启动项目将http协议改为https协议    授权,默认前置,切换

    2024年02月11日
    浏览(56)
  • H5 在微信浏览器唤起微信小程序页面

    微信 URL Scheme 微信短链 URL Link 优点 通过服务端接口或在小程序管理后台 生成后即可用 缺点 有效期有限制,最长 30 天。 1 对 1 有调用上限:每天生成 URL Scheme 和 URL Link 总数量上限为50w 链接形式 URL Scheme - weixin://dl/business/?t=xxxxxx URL Link - https://wxaurl.cn/*TICKET* 或 https://wxmpurl

    2024年02月12日
    浏览(63)
  • 移动端H5页面在input输入框获得焦点时禁止唤起键盘

    移动端 实现效果: 当input输入框获得焦点时,在保留光标的情况下,又不让手机虚拟键盘弹起 问题背景: 哈哈哈哈 我又来了,又是java安卓应用嵌入H5页面,给大家看下效果 点击开始时间或者结束时间时会弹出日期选择器,这个时候呢在手机上看的话,会同时触发键盘,导

    2024年02月16日
    浏览(48)
  • h5页面调用小程序分享方法

    小程序端 H5端

    2024年02月03日
    浏览(42)
  • 微信小程序调用直接拨打电话功能

     我们在做小程序的时候,通常回显的电话号码,是要能调用拨打电话的接口,直接拨打电话的,那么如何调用直接拨打电话的接口呢,下面我就简单的记录一下。  1.index.wxml文件 2.index.js文件

    2024年02月12日
    浏览(40)
  • 微信小程序嵌套H5页面,调用微信小程序扫码功能,并将结果传回H5页面

    实现方式: 小程序嵌套h5页面,点击h5页面的扫码按钮跳转到小程序的扫码页面,进入之后会立即扫码,拿到扫码结果后,跳转到小程序定义好的webview页面,再由webview页面进入h5页面。 缺点:为了唤起扫码,会进入一个空白的扫码页面 1、小程序嵌套h5页面方法 在小程序中,创

    2024年02月12日
    浏览(49)
  • 手机端H5页面判断是否横屏

    之前,做了一个H5项目,需要在横竖屏变化时,做一些处理,一般先要判断手机是否横屏,在不同状态下添加不同效果 方法一:JS判断 移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态 屏幕方向对应的window.orientation值:

    2024年02月11日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包