javascript - 根据 HTML 中的浏览器类型确定要使用的超链接

Question

我有一个网站，我嵌入了 lightview 来调出一个带有 Google Voice 徽章的 iframe。此徽章基于 Flash，因此无法在 iOS 中看到。为了在 iOS 中获得可调用的电话号码，它必须具有不同的格式。

我的问题是如何向 HTML 添加逻辑以了解根据浏览器类型(移动浏览器还是普通浏览器)选择哪种类型？

完整的浏览器支持:

Feel free to give me a <a class='lightview' data-lightview-type="iframe" href="pages/call.html" data-lightview-options="width: 230, height: 101">call</a>.

移动浏览器支持:

Feel free to give me a <a href="tel:1-408-555-5555">call</a>.

Answer 1

您可以尝试检测是否 Flash is available而不是检测浏览器。

如果 Flash 可用，您可以将适当的 click 事件处理程序动态绑定(bind)到所有具有 href 属性且从 tel: 开始的链接，方法如下: HTML 文档的 HEAD 元素中包含的 JS 脚本代码:

if (FlashDetect.installed) {
    // $ means jQuery which is used to bind `click` event.
    $(document).on('click', 'A[href^="tel:"]', function() {
        // [Some specific code for Flash-enabled systems.]
    })
}