手机页面一键拨号

微信微网站、手机网页一键拨号的拨打电话和发送短信功能JS代码

采用url链接的方式,在主流浏览器进行一键拨打电话和发短信的功能。

1.最常用手机网站页面JS实现一键拨号的电话拨打功能:

<a href="tel:4000755827">一键拨号</a>

点击链接后,自动跳转到拨号界面,显示号码,并提示拨打。
支持大部分的浏览器,但是在QQ浏览器上支持不好。

微信微网站现在出现屏蔽这个常规拨号JS功能,具体解决办法如下:

a、微信网站的一键拨号代码还是不变。

b、打开拨号页面时做下网址处理,在拨号页面的网址后面增加一个锚节点mp.weixin.qq.com。(估计微信浏览器是根据域名判断是否屏蔽tel:的。)

2.最常用手机网站html5实现一键发送短信功能:

<a href="sms:13590101760">发送短信咨询</a>

点击后,跳转到短信信息录入界面,收件人为网页中填写的号码,录入短信后可直接点击发送。

支持大部分的浏览器,但是在QQ浏览器上支持不好。

3、移动手机网站页面自动探测电话号码

<meta name="format-detection" content="telephone=no">

<meta http-equiv="x-rim-auto-match" content="none">

4.使用wtai协议进行拨打电话。

代码如下所示:

实例:

<a href="wtai://wp//mc;13590101760">拨打电话</a> 
<a href="wtai://wp/ap;13590101760;">将电话号码存储至电话簿 </a>

时间: 2025-01-14 05:37:48

手机页面一键拨号的相关文章

[HTML] 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能. 1.最常用WEB页面J

微网站中加入一键拨号功能代码

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能. 1.最常用WEB页面J

微信开发实现一键拨号出现屏蔽问题的解决方案

解决方法如下: 1.拨号的代码还是不变,和原先的一样, 2.打开拨号页面要做下处理,在网址后面增加一个锚节点mp.weixin.qq.com. 实例如下: 如:<a href="tel:13111111111">移动WEB页面JS一键拨打号码咨询功能</a> 上需要拨号代码,操作如下 在有这个代码的页面URl后边加上"#mp.weixin.qq.com" 如:http://www.111cn.net/#mp.weixin.qq.com 这样,

响应式:为什么百度、淘宝之类的大公司网页不使用响应式,而是独立开发一套手机页面?

响应式设计不是万能的,它有一定的好处,但也有一定的弊端.先给出结论:如果开发资源充裕,不应该考虑使用响应式设计来同时支持移动端和桌面端. 因为响应式最大的优点就是开发快.打个比方,移动端和桌面端的开发时间分别是 t,采用响应式设计写一个同时支持两者的网站可能只有 1.2t. 那为什么开发资源充足的情况下,不应该采取响应式设计来同时支持移动端和桌面端呢? 1. 响应式设计带来大量冗余代码.在移动端充斥着 webkit 内核的浏览器的时代,响应式设计的网站中却不得不带有大量兼容旧 IE 的代码.移动

通过chrome浏览器调试手机页面(IOS和Android)

开发PC页面的时候使用chrome浏览器的开发者工具,可以很容易的捕获到页面的dom元素,并且可以修改样式,方便调试,但是手机上却很麻烦,因为手机上没有办法直接打开开发者工具查看元素.其实可以通过将设备连接到PC,使用PC的开发者工具检测 一.针对android设备 1.在android设备上开始开发者模式 2.将设备连接到PC,在chrome浏览器地址栏输入:chrome://inspect/#devices 3.在手机上打开网页的时候,chrome就会检测到网页,可以直接调试 二.针对IOS

移动互联,手机页面设计

1.手机上网的过程 普通浏览器上网过程  浏览器<--->Web服务器 手机上网过程  手机<--->WAP网关(UP.Link Server)<--->集成HDML,WML的Web服务器 * UP指Unwired Planet公司,其UP.Phone浏览器为手机浏览器的事实标准,以下内容都基于该标准.  *普通web页面用HTML描述,目前手机页面可以用HDML和WML两种语言来描述,它们本质上是用XML 1.0来定义的.本文主要讲述HDML,由于其和HTML有相似,

关于手机页面字体大小的问题

从我第一天写手机页面的时候一直困扰我的问题有两个  一个是自适应字体的大小,一个是自适应页面的高度.我想接到一个手机的页面任务 大部分人都会碰到这种问题 我这介绍一种实现的办法媒体查询   不说别的直接贴代码 <!doctype html><html><head><meta charset="utf-8"><title>手机页面</title><meta name="viewport" c

Chrome调试手机页面

新开发的网页需要在手机或是模拟机上运行测试,如果手头事件比加紧,那么可以借助 Chrome提供的手机网页预览程序进行简单调试.查看 制作的网页是否能够适合各种手机型号使用. 下面所以下如何使用Chrome调试多类型手机网页. 首先 下载Chrome 浏览器. 在你要调试的网页或是本地页面中.按F12 打开调试器. 工具/原料 Chrome浏览器 方法/步骤 打开 仿真面板.如图所示: 可以在 Device 选择设备. 可以在Screen  设置模拟的屏幕方面的东西,设置分辨率,屏幕尺寸. 可以在

学习手机页面制作4

学习手机页面制作-制作固定-流式-固定的布局 制作左右固定宽度中间自适应的页面布局 具体的页面效果可以http://m.juhuasuan.com/m/index.htm 的头部导航 传统的布局方式 使用定位的方式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>固定比例固定</title&