首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

HTML5 一鍵撥號:tel: 協議鏈接實現

     編輯:程式設計綜合問答

核心代碼

<a href="tel:13800138000">撥打 138-0013-8000</a>

進階用法

  • 帶國家代碼:tel:+86-138-0013-8000(國際通用)。
  • 暫停/等待:tel:13800138000,,1234#(, 暫停 2 秒,; 等待用戶確認)。
  • JavaScript 觸發:
    function call(phone) {
        window.location.href = 'tel:' + encodeURIComponent(phone);
    }
  • CSS 樣式化:
    a[href^="tel:"] {
        background: url(phone-icon.png) no-repeat left center;
        padding-left: 24px;
        color: #0066cc;
        text-decoration: none;
    }

兼容性與注意

平台行為
iOS Safari彈出確認框 → 撥打
Android Chrome直接啟動撥號界面
桌面瀏覽器若安裝 Skype/Teams 等可彈出應用選擇
微信內嵌瀏覽器部分版本攔截,需引導用戶長按複製

最佳實踐

  • 電話號碼統一存儲為 E.164 格式(+8613800138000),前端直接拼接。
  • 提供 copy 兜底按鈕:navigator.clipboard.writeText(phone)。
  • 埋點統計點擊量:gtag('event', 'click_to_call', {phone})。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved