用a标签实现拨号需写对tel:协议格式：href="tel:+8613812345678"，号码去除非数字字符（保留+），iOS建议带+86，微信禁用该协议属平台限制，勿用onclick模拟。
点击就打电话：用 a 标签实现拨号链接
HTML 里没有专门的“拨号组件”，但用标准的 <a></a> 标签配合 tel: 协议就能直接唤起手机拨号界面。关键不是学新语法，而是写对协议格式和 URL 编码规则。
常见错误是把电话号码写成 <a href="13812345678">拨号</a>——这不会触发拨号，浏览器当普通链接处理。必须显式声明协议：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 在企业微信某些版本会失效）。
立即学习“前端免费学习笔记（深入）”；
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 测试时优先用 Safari（iOS）或 Chrome（Android）真机访问，排除微信干扰
- 企业微信内若仍不生效，检查是否启用了「外部链接跳转」限制策略（管理后台可配）
- 不要用
onclick绑定location.href = 'tel:...'，iOS Safari 对非用户手势触发的tel:调用会静默忽略
加个图标或按钮样式？别动 href，只改外观
拨号链接本质还是 <a></a> 标签，所有 CSS 样式、图标、点击反馈都可自由加，只要不覆盖或清空 href 属性。
常见翻车操作：用 button 标签 + onclick 模拟拨号（比如 location.href = 'tel:...'），看似能用，但在 iOS Safari 中大概率被拦截——系统只信任原生 <a href="tel:..."></a> 的点击行为。
- 推荐写法：
<a href="tel:+8613812345678" class="call-btn">? 拨打客服</a> - 用 CSS 隐藏下划线、调整背景色、加 hover 效果，完全没问题
- 如果需要图标，用
<span></span>或 SVG 内联，别用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 方案。
