電話鏈接回退

Question

我目前正在使用頂部有「致電」鏈接的網站的移動版本。我現在使用tel：協議鏈接來處理這個問題，但問題是如果用戶在平板電腦或沒有SIM卡的手機上，會發生什麼情況。如果可能，我想嘗試tel：鏈接，如果失敗，然後彈出一個DIV與他們可以選擇的幾個電話號碼。任何想法如何在頁面加載或點擊時檢測tel：link是否工作/工作？

Answer 1

這是提供給你可能想愚弄一下最接近的事：https://developer.mozilla.org/en-US/docs/Web/API/window.navigator.connection

Modernizer有一個選項，以檢查高/低帶寬連接這個值（看在非核心選項）。 Here是擴展的GitHub。

瀏覽器的支持還不是很好，但它是值得關注的未來。

這對您的需求也並非無懈可擊，因爲即使是iPod touch或沒有數據線的手機也可以通過網絡電話呼叫WiFi，但不會註冊爲「連接」（我假設）。這可能暫時無法實現，但我不確定如何確定任何給定的設備是否可以撥出。

Answer 2

您可能最好更改向用戶展示電話號碼的方式。如何將通知按鈕旁邊的信息或顯示它的下拉框？檢測它是否成功不可能是跨平臺的。

另一個建議是將「呼叫」改爲電話號碼本身。如果平板電腦用戶真正看到該號碼，則不太可能點擊它。 「通話」很可能會讓他們覺得電話號碼被隱藏起來，假設他們在智能手機上，或讓他們想「啊，我可以點擊這裏，它會告訴我號碼。」