在浏览器中检测 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> 为了有条件地显示此类链接？

可能相关

检查 javascript 是否支持 URL 方案

是否有类似于 iOS 的 canOpenURL 来检查移动浏览器的 URL 方案？

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 标头），否则您在 IE 中就不走运了。

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