Web端实现拨打电话，支持微信端

作者: IT晴天 | 来源:发表于2019-12-31 22:11 被阅读0次

Web端实现拨打电话，支持微信端
微信公众号配置
个人微信公众平台注册前须知
微信JSSDK配置
spring boot 利用微信小程序登录接口完成登录
微信个人号实现微信好友和微信群自动发送消息
html5仿微信web版|仿微信客户端聊天
【神器】Mac微信客户端插件
客户端,web 端,微信端设计差别
页面布局等规范

实现这个功能，其实很简单，利用一个<a>标签即可，这里给出Angular的示例，其它框架照着弄就行了：

 <a id="call-phone" [href]="'tel:' + phone" hidden></a>

调用代码：

onCall() {
    this.phone = '10086';  // 动态赋手机号码
     const el: any = document.getElementById('call-phone');
     el.target = '_new'; // 指定在新窗口打开
     el.click(); // 触发打开事件
}

原理就是手动触发<a>标签的点击事件。

Web端实现拨打电话，支持微信端
实现这个功能，其实很简单，利用一个标签即可，这里给出Angular的示例，其它框架照着弄就行了：调用代码：原...
微信公众号配置
微信授权配置（WEB端设置）微信JSSDK配置（WEB端设置）微信JSSDK配置（后台设置）
个人微信公众平台注册前须知
微信公众平台简介微信公众号的管理员界面，完整功能实现目前仅支持web端，也可以手机关注【公众号安全助手】查看回复...
微信JSSDK配置
微信JSSDK配置 WEB端操作
spring boot 利用微信小程序登录接口完成登录
0.java web端 1.微信小程序端 wxml js
微信个人号实现微信好友和微信群自动发送消息
实现思路，利用微信网页版API，登陆微信，获取好友和群组信息，调用微信web端API发送消息 1、安装lombok...
html5仿微信web版|仿微信客户端聊天
h5仿微信实战项目|仿微信web端聊天界面|仿微信电脑端界面之前做了一个手机端 h5仿微信聊天界面，最近又开发...
【神器】Mac微信客户端插件
微信 macOS 客户端无限多开功能微信 macOS 客户端拦截撤回功能让Alfred支持快捷打开微信联系人 ...
客户端,web 端,微信端设计差别
三端差异性对比本文中提到的客户端为 ipad 端产品体验差异硬件设施差异数据流向差异 web 端客户端 ...
页面布局等规范
布局规范 Flex 微信端最低到IOS8.3依然支持，所有在微信端可以任意使用，但必须经过postcss的处理；...