電話鏈接后備

Question

我目前正在開發一個網站的移動版本，其頂部有一個“呼叫”鏈接。 我正在使用tel：協議鏈接來解決這個問題，但問題是如果用戶在平板電腦或沒有SIM卡的手機上會發生什么。如果可能的話，我想試試電話：鏈接，如果失敗，然后彈出一個DIV與他們可以選擇的幾個電話號碼。 任何想法如何可以檢測tel：link是否在頁面加載或單擊時工作/工作？

Answer 1

您可能最好更改向用戶顯示電話號碼的方式。 如何將信息放在呼叫按鈕旁邊或顯示下拉信息按鈕？ 檢測它是否成功不太可能是跨平台的。

另一個建議是將“呼叫”改為電話號碼本身。 如果平板電腦用戶實際看到該號碼，則他們不太可能點擊它。 假設他們在智能手機上或者讓他們認為“啊，我可以點擊這里，它會向我顯示號碼”，“呼叫”可能會因為認為電話號碼被隱藏起來而惹惱他們。

Answer 2

這是你可能想要愚弄的最接近的東西： https ： //developer.mozilla.org/en-US/docs/Web/API/window.navigator.connection

Modernizer可以選擇檢查低/高帶寬連接的此值（查看非核心選項）。 這是擴展的GitHub。

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

它也不能滿足您的需求，因為即使是iPod touch或沒有數據片的手機也可以通過WiFi通過WiFi呼叫，但不會注冊為“連接”（我假設）。 這可能是不可能的，雖然，我不確定你怎么知道任何給定的設備可以或不能撥出。