用a标签实现拨号需写对tel:协议格式：href="tel:+8613812345678"，号码去除非数字字符（保留+），iOS建议带+86，微信禁用该协议属平台限制，勿用onclick模拟。
点击就打电话：用 a 标签实现拨号链接
HTML 里没有专门的“拨号组件”，但用标准的 @#@#@#@#@#@#@#@#@#@0——这不会触发拨号，浏览器当普通链接处理。必须显式声明协议：tel:+8613812345678 或 tel:13812345678（国内多数安卓机可省略+86，但 iOS 建议带上）。
- 号码中不要加空格、短横线、括号，如
138-1234-5678或(138) 1234 5678会失败 - 国际号码务必用
+开头，例如tel:+12125551234；+必须 URL 编码为%2B才能在某些老环境（如微信内置浏览器）中可靠工作 - 中文网页里如果页面编码是 GBK，而你写了
tel:+86138…，部分旧版 UC 浏览器可能解析异常，统一用 UTF-8 编码可规避
微信和企业微信里点不动？检查协议白名单和上下文
微信内置浏览器默认禁用 tel: 协议，除非页面在白名单域名下或用户主动开启「允许呼出」权限（iOS 微信更严格）。这不是代码写错了，是平台策略限制。
企业微信则支持良好，但需确保：href 值是纯字符串，不能由 JavaScript 动态拼接后赋值（比如 el.href = 'tel:' + number 在企业微信某些版本会失效）。
- 测试时优先用 Safari（iOS）或 Chrome（Android）真机访问，排除微信干扰
- 企业微信内若仍不生效，检查是否启用了「外部链接跳转」限制策略（管理后台可配）
- 不要用
onclick绑定location.href = 'tel:...'，iOS Safari 对非用户手势触发的tel:调用会静默忽略
加个图标或按钮样式？别动 href，只改外观
拨号链接本质还是 @#@#@#@#@#@#@#@#@#@1
background-image 替换文字内容，否则无障碍阅读器无法识别拨号意图号码来自后端或用户输入？注意过滤和校验
从表单或 API 拿到号码后直接拼进 href 是危险的。用户输入的 138<script>alert(1)</script>12345678 如果没清洗，可能造成 XSS；带符号的号码（如 +86 138-1234-5678）会导致拨号失败。
服务端或前端 JS 处理时，必须做两件事：剥离所有非数字字符（保留开头的 +），再判断是否以 + 开头决定是否补 +86。
- 简单过滤正则：
number.replace(/[^+\d]/g, '')—— 注意保留+，但要去掉空格、括号、短横等 - 补全逻辑示例：
const telHref = number.startsWith('+') ? number : '+86' + number - 别信“手机号正则验证”，实际场景中卫星电话、400、800、分机号（
tel:+8613812345678;ext=102）都合法，过度校验反而拦住真实号码
最易被忽略的是分机号支持——tel: 协议允许用 ;ext= 追加，但只有部分系统（如 macOS FaceTime、部分 Android 拨号器）识别，iOS 基本无视。如果业务强依赖分机，得另配 IVR 或 WebRTC 方案。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
