移动端拨号应使用，号码须纯数字（国际号用%2b86）；微信内因主动拦截需降级为复制提示，ios禁用、安卓不稳定，须环境检测并优化点击反馈。
移动端点击就能拨号，用 a 标签加 tel: 协议就行，但不是所有写法都可靠，尤其在微信内置浏览器和某些安卓定制系统里会失效。
tel 链接的基本写法和常见失效原因
标准写法是 <a href="tel:13800138000">拨打电话</a>。注意：号码里不能有空格、横线、括号等任何非数字字符（+86 开头的国际格式除外）。微信 iOS 客户端会拦截 tel: 链接并弹出“不支持此链接”的提示，这是它主动限制的，不是你代码写错了。
- 中国大陆号码直接写 11 位数字，如
tel:13800138000 - 要带区号拨固话，写成
tel:02112345678（去掉中间的横线） - 国际号码推荐用
tel:+8613800138000，+ 号必须 URL 编码为%2B，否则部分安卓浏览器解析失败 - 微信内建议 fallback 到弹窗提示 + 复制号码，别依赖自动跳转
微信环境下的兼容处理
微信内置浏览器（尤其是 Android 版）对 tel: 支持极不稳定，iOS 版则直接禁用。单纯靠 <a href="tel:..."></a> 在微信里基本等于摆设。
- 检测是否在微信中：用
navigator.userAgent判断是否含MicroMessenger - 微信内改用
<button onclick="copyToClipboard('13800138000')">复制号码</button>配合navigator.clipboard.writeText - 不要给微信里的
tel:链接加target="_blank"或其他干扰属性，反而更容易触发拦截 - 如果必须保留拨号功能，可加提示文案：“如需拨号，请长按号码后选择‘拨打’”
按钮样式和点击体验优化
原生 a 标签在 iOS 上点击会有灰色背景闪烁，Android 上可能无反馈，用户不确定点没点上。
立即学习“前端免费学习笔记（深入）”；
- 给
a标签加style="touch-action: manipulation;"减少 iOS 300ms 延迟 - 用
:active伪类加简单背景色变化，比如a:active { opacity: 0.7; } - 避免把
tel:链接塞进div或span再绑定 click —— 部分安卓 WebView 不识别非a的拨号行为 - 按钮文字别写“点击拨打”，直接写号码更可信；若写文字，确保足够大（至少 16px），方便拇指点击
真正麻烦的不是怎么写 tel:，而是得同时应付 iOS 微信、安卓微信、鸿蒙浏览器、各种厂商定制版 WebView 对协议的支持差异。最保险的做法：默认用 a[href^="tel:"]，运行时检测环境，微信里静默降级为复制+提示，别硬扛。
