• 马上拨打电话10086</a> 2.发送短信功能: <a href="sms:10086">发送短信</a> <a href="sms:10086">发送短信</a> 3...

    一般的web处理
    1.一键拨号:

    <a href="tel:10086">马上拨打电话10086</a>


    2.发送短信功能:

    <a href="sms:10086">发送短信</a>

    <a href="sms:10086">发送短信</a>
    3、移动web页面自动探测电话号码

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

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

    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="x-rim-auto-match" content="none">
    4.使用wtai协议进行拨打电话。

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

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

    <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

    实测并不需要加上“#mp.weixin.qq.com” ,我的是这样的,您试试看呗。

    展开全文
  • 公司系统的微信端页面需要点击电话”小图标,直接拨打电话。 二、实现 可以通过h5的标签tel实现。 1.最常用WEB页面JS实现一键拨号的电话拨打功能:<a class="btn btn_an3" href="tel:15311480726"></a> 此效果...

    一、需求
    公司系统的微信端页面需要点击“电话”小图标,直接拨打电话。
    二、实现
    可以通过h5的标签tel实现。
    1.最常用WEB页面JS实现一键拨号的电话拨打功能:

    <a  class="btn btn_an3" href="tel:15311480726"></a>
    

    此效果为网页中有一个“电话”的小图标(class=”btn btn_an3”的样式效果),点击小图标后,到拨号界面,显示号码,并提示拨打。支持大部分的浏览器,但是在QQ浏览器上支持不好。
    这里写图片描述
    2.最常用WEB页面JS实现一键发送短信功能:

    <a href="sms:13764567708">移动WEB页面JS一键发送短信咨询功能</a>

    在信息录入界面,显示发送号码,并提示录入信息。
    支持大部分的浏览器,但是在QQ浏览器上支持不好。

    展开全文
  • 1、在对应需要拨打电话的标签那里绑定事件(使用的标签不固定,可以是text、view等) 例子: <text class="phone" bindtap="callPhone">400-9121-211</text> 2、在对应的事件方法里面写入 wx.makePhone...

    1、在对应需要拨打电话的标签那里绑定事件(使用的标签不固定,可以是text、view等)

    例子:

    <text class="phone" bindtap="callPhone">400-9121-211</text>
    

    2、在对应的事件方法里面写入 wx.makePhoneCall方法

    例子:

    callPhone() {
        wx.makePhoneCall({
          phoneNumber: '400-9121-211' //仅为示例,并非真实的电话号码
        })
      },
    

    3、效果图

    在这里插入图片描述
    在电脑上:
    在这里插入图片描述
    在手机上的效果:
    在这里插入图片描述

    展开全文
  • 应项目需求,要求微信公众号的电话要做的高,大,上,要能点击直接拨号,首先想到的是不要要接服务商通讯接口啊,百度学习了一会,原来很简单: 一般的web处理1.一键拨号: <a href="tel:10086">马上拨打...

    应项目需求,要求微信公众号的电话要做的高,大,上,要能点击直接拨号,首先想到的是不要要接服务商通讯接口啊,百度学习了一会,原来很简单:

    一般的web处理
    1.一键拨号:

    <a href="tel:10086">马上拨打电话10086</a>
    

    2.发送短信功能:

    <a href="sms:10086">发送短信</a>
    

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

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

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

    wtai全称Wireless Telephony Applications Interface,指的是在WML中可以调用设备的WTAI函数来呼叫特定的电话号码。

    个人觉得功能和a 标签差不多,

    1.  
      <a href="wtai://wp//mc;10086">拨打10086 </a>
    2.  
      <a href="wtai://wp/ap;10086;">将10086存储至电话簿 </a>

    一般建议采用这个方式。

    关于微信页面会出现屏蔽的方式,所以采取以下解决方案

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

    实测并不需要加上“#mp.weixin.qq.com” ,我的是这样的,您试试看呗。

    转载于:https://www.cnblogs.com/summary-2017/p/9462604.html

    展开全文
  • 我的点击实物是一张图片 首先设置一个view,使用的是bindtap事件。 官方的开发文档是这么写的 我的demo的代码是这样的 index.wxml &lt;view bindtap='tel'&gt; &lt;image class='tel' mode='...

    我的点击实物是一张图片

    首先设置一个view,使用的是bindtap事件。

    官方的开发文档是这么写的
    这里写图片描述

    我的demo的代码是这样的
    index.wxml

    <view bindtap='tel'>
    <image class='tel' mode='aspectFit' src='./img/tel.png'></image>
    </view>
    

    然后调整一下ss,当然这只是我的demo的,实际应用还是看实际的。

    index.wxss

    .tel{
      display: block;
      width: 70rpx;
      height: 70rpx;
      position: absolute;
      margin-top:-100rpx;
      margin-left: 200rpx; 
    }
    

    直接去调用拨打电话 APIwx.makePhoneCall(OBJECT)

    官方文档也写的很清楚
    这里写图片描述

    主要是填写phoneNumber,其他看需求,

    第一种方法是:

    index.jsPage里面去添加

    tel:function () {
      wx.makePhoneCall({
        phoneNumber: '158XXXXXXXX',
      })
    }
    

    还有一种是:
    就是去全局量那里设置,去最外层的app.jsglobalData添加一下

    globalData: {
      userInfo: null,
      phoneNumber: '158XXXXXXXX'
    }
    

    然后index.js添加的是

    tel:function () {
      wx.makePhoneCall({
        phoneNumber: app.globalData.phoneNumber,
      })
    }
    

    然后保存点击

    这里写图片描述

    嗯嗯,还是应该多看看开发文档,即使不完整。

    为什么开发文档有我还要写啊?我个人笔记而已。

    腾讯云的福利
    推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
    在这里插入图片描述

    展开全文
  • 通过底部导航栏打电话onTabItemTap:function(options){ wx.switchTab({ url:'跳转路径'}) wx.makePhoneCall({ phoneNumber:'电话号码'})}
  • 微信小程序开发 读写data与vue不同 this.data.dataname//读 this.setData({key:value})//写 页面布局:flex布局 垂直flex-direction: column; 水平flex-direction: row; justify-content、align-items、flex-wrap等...
  • Android Studio中模仿微信的消息列表,单独图标,带点击事件。
  • 微信小程序开发基础及案例精讲 7年互联网经验,5年的技术开发经验,有丰富的实...
  • 征服微信小程序视频教程 东北大学计算机专业硕士研究生,欧瑞科技创始人&CEO...
  • 全栈开发工程师微信小程序-中(下) 微信小程序视图层 wxml用于描述页面的结构,wxss用于描述页面的样式,组件用于视图的基本组成单元. // 绑定数据 index.wxml &lt;view&gt; {{message}} &lt;view&...
  • 1.1 小程序是什么  小程序的优点: 使用方便:无须下载,...跨平台运行:不用再分别开发iOS和Android版本,只需发布到微信小程序平台,所有平台都可用。快速分发与迭代:无须关心各种发布渠道,也无须担心旧版本升
  • ylbtech-微信-小程序-开发文档-开发开发 1. 开发指南返回顶部 1.1、 小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信开发具有原生 APP 体验的服务。 ...
  • 这是Tom 老师精心准备的关于微信小程序开发基础知识的讲解和精品案例讲解的课程。通过本课程的学习,同学们能够掌握微信小程序开发的基础知识也能够在微信小程序实战项目中掌握如何开发一个完整的微信小程序的项目.....
  • LNMP的配置与优化 一、LNMP的下载 LNMP一键安装包是一个用Linux Shell编写的可以为CentOS/RadHat/Fedora、Debian/Ubuntu/Raspbian/Deepin VPS或独立主机安装LNMP(Nginx/MySQL/PHP)、LNMPA(Nginx/MySQL/...
  • 2.可点击拨号图标拨号; // addtelinp addtelarr: function (e) { let index = e.currentTarget.dataset.index; let telnum = e.detail.value; var isPhone = /^([0-9]{3,4})?[0-9]{7,8}$/; var isMob = /^1...
  • 首先 ... 注意事项: 1. 绑定的身份证,一个身份证只能最多申请5个小程序 2. 填写服务类目,里面有应用一类的选择,和小游戏选择,如果两者只能选择一种,小游戏或者应用类目,不能一起选,...接下来下载微信开发...
  • 微信公众平台开发 php实现
  • 1. 链接跳转问题 使用组件Navigator跳转必须在app.json文件中配置tabBar路径,而且最多只能5个路径,而且跳转没有滑屏效果,所以不适合大量的跳转。可以在js中配置,使用bindtap绑定的跳转方法。...
  • 作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 张小龙全面阐述小程序,定档1月9日上线(附90分钟...
1 2 3 4 5 ... 20
收藏数 393
精华内容 157