html - 在浏览器中检测 URI 方案支持

Question

是否有类似 Modernizr 的方法来检测客户端对 uri 方案的支持，例如 <a href="sms:1-408-555-1212">New SMS Message</a>或者 <a href="whatsapp://send?text=Foo">New WhatsApp Message</a>为了有条件地显示此类链接？

Possibly related

Check if URL scheme is supported in javascript

Is there something similar to iOS's canOpenURL to check URL schemes for mobile browsers?

Answer 1

您可以使用一些技巧，但如果您必须在早于 Windows 8 的 Windows 上处理 IE < 11 甚至 IE 11，您将不会喜欢我的回复。

通常，如果遵循这些 URL 会产生副作用，则无法检测对 URL 方案的支持。

您可以尝试在 iframe 中打开这些 URL 之一。因此，您可以将 iframe 附加到主体(或任何您想要的位置)，然后将其 href 设置为特殊 url。

在 Mozilla 浏览器中，如果不支持 URL 方案，您将得到一个异常。在基于 Webkit 的浏览器(和 Chrome)中，什么都不会发生。

因此，除非您使用的是 Mozilla，否则甚至没有办法查明您所做的工作是否有效。

在 Windows 8 及更高版本下的 IE11 中(但不是在早期版本的 Windows 下 - 只是缺少该方法)，您可以使用 window.natigator.msLaunchUri 启动该特殊 url。如果不支持 URI 方案，这也会抛出异常。

不幸的是，这可能真的会阻碍你想做的事情:无论你使用什么技巧:如果该方案不受支持，你尝试在任何不支持的 IE 版本上启动它 msLaunchUri，您的页面将被错误页面替换，无法阻止这种情况的发生。

我已经尝试了一切。 iframe 技巧导致错误消息。尝试 window.open 会导致错误消息或不执行任何操作，具体取决于天气。设置 img URL 不会导致错误(好)，但也不会导致 URL 实际启动(坏)。

除非您与您要启动的 url 的应用程序合作(例如，如果安装了该应用程序，则告诉 IE 污染 User-Agent header )，否则您在 IE 中就不走运了。

是的 - 很可能不是您想听到的，对不起。