We are using software that registers its own protocol. We can run application from browser then by link like:
customprotocol://do_this.
但是有没有一种方法可以检查用户系统是否支持这样的自定义协议？如果不支持，我们希望要求用户首先安装软件。
例如:
if (canHandle ('customprotocol')) {
// run software
}
else {
// ask to install
}
编辑 我知道protocolLong属性，但它只在IE中有效。
protocolLong属性，但我无法使其返回除所有自定义协议处理程序之外的任何其他内容 - 如果有人知道如何让IE返回正确的值，请告诉我，以便我可以更新此部分。 我在IE中找到的最佳解决方案是附加到用户代理字符串或安装浏览器扩展程序和你的应用程序一起公开JavaScript可访问属性。
Firefox是主要浏览器中最容易的，因为它允许您尝试并捕获失败的导航尝试。返回的错误对象包含一个名为NS_ERROR_UNKNOWN_PROTOCOL的name属性：try {
iframe.contentWindow.location.href = "randomprotocolstring://test/";
} catch(e) {
if (e.name == "NS_ERROR_UNKNOWN_PROTOCOL")
window.location = "/download/";
}
Firefox会弹出自己的警告框：
Firefox不知道如何打开此地址，因为协议（randomprotocolstring）未与任何程序关联。
一旦关闭此框，catch块将执行，您就有了一个可用的备选方案。
其次是Opera，它允许您利用可预测性法则来检测自定义协议链接的成功。如果自定义协议单击有效，则页面将保持相同位置。如果没有安装处理程序，则Opera将导航到错误页面。这使得使用iframe非常容易检测：
iframe.contentWindow.location = "randomprotocolstring://test/";
window.setTimeout(function () {
try {
alert(ifr.contentWindow.location);
} catch (e) { window.location = "/download/"; }
}, 0);
setTimeout 在这里是为了确保我们在导航后检查位置。需要注意的是，如果尝试访问页面，则 Opera 会抛出 ReferenceException（跨域安全错误）。不过这无关紧要，因为我们只需要知道位置已从 about:blank 更改，所以使用 try ... catch 就可以。
Chrome 在此方面官方上说很差。如果自定义协议处理程序失败，则完全没有反应。如果处理程序有效...你猜对了...仍然没有反应。恐怕没有办法区分两者。
我没有测试过 Safari，但我担心它与 Chrome 相同。
在调查此问题时，欢迎尝试我编写的测试代码（我自己也有兴趣）。它在 Opera 和 Firefox 上都兼容，但目前在 IE 和 Chrome 上没有任何作用。
我来分享一下我们的经验，我们使用FireBreath创建了一个简单的跨平台插件。安装后，该插件将注册一种可以在页面刷新后通过浏览器JavaScript检测到的MIME类型。检测MIME类型表示协议处理程序已安装。
if(IE) { //This bastard always needs special treatment
try {
var flash = new ActiveXObject("Plugin.Name");
} catch (e) {
//not installed
}
else { //firefox,chrome,opera
navigator.plugins.refresh(true);
var mimeTypes = navigator.mimeTypes;
var mime = navigator.mimeTypes['application/x-plugin-name'];
if(mime) {
//installed
} else {
//not installed
}
}
Windows 8上的Internet Explorer 10引入了非常有用的navigator.msLaunchUri方法，用于启动自定义协议URL并检测成功或失败。例如：
if (typeof (navigator.msLaunchUri) == typeof (Function)) {
navigator.msLaunchUri(witchUrl,
function () { /* Success */ },
function () { /* Failure */ showError(); });
return;
}
Windows 7 / IE 9及以下版本支持条件注释，正如@mark-kahn所建议的那样。
msLaunchUri 方法仅在 Windows 8 上的 IE >= 10 中存在。 - aaronk6typeof navigator.msLaunchUri返回"undefined"。此外，微软已确认该API未添加到Windows 7中：文档化的API函数“navigator.msLaunchUri”不存在于Windows 7中（请参见2014年5月5日下午12:27的评论）。 - aaronk6对于Internet Explorer，我发现最好的解决方案是使用条件注释和版本向量（应用程序在安装协议时必须写入注册表，参见http://msdn.microsoft.com/en-us/library/ms537512.aspx#Version_Vectors）。protocolLong不适用于自定义协议。
window.navigator.mimeTypes[i]进行检查。我找不到一个简单的方法来实现它。 - Mark KahnprotocolLong 问题。 - Andy E<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script>
/**
* Checks if a font is available to be used on a web page.
*
* @param {String} fontName The name of the font to check
* @return {Boolean}
* @license MIT
* @copyright Sam Clarke 2013
* @author Sam Clarke <sam@samclarke.com>
*/
(function (document) {
var width;
var body = document.body;
var container = document.createElement('span');
container.innerHTML = Array(100).join('wi');
container.style.cssText = [
'position:absolute',
'width:auto',
'font-size:128px',
'left:-99999px'
].join(' !important;');
var getWidth = function (fontFamily) {
container.style.fontFamily = fontFamily;
body.appendChild(container);
width = container.clientWidth;
body.removeChild(container);
return width;
};
// Pre compute the widths of monospace, serif & sans-serif
// to improve performance.
var monoWidth = getWidth('monospace');
var serifWidth = getWidth('serif');
var sansWidth = getWidth('sans-serif');
window.isFontAvailable = function (font) {
return monoWidth !== getWidth(font + ',monospace') ||
sansWidth !== getWidth(font + ',sans-serif') ||
serifWidth !== getWidth(font + ',serif');
};
})(document);
function isProtocolAvailable()
{
if (isFontAvailable('Konfuciuz'))
{
return true;
}
else
{
return false;
}
}
function checkProtocolAvail()
{
if (isProtocolAvailable())
{
alert('Custom protocol is available!');
}
else
{
alert('Please run executable to install protocol!');
}
}
</script>
<h3>Check if custom protocol was installed or not</h3>
<pre>
<input type="button" value="Check if custom protocol was installed!" onclick="checkProtocolAvail()">
</body>
</html>
// Adding the font ..
AddFontResource(PChar('XXXFont.TTF'));
SendMessage(HWND_BROADCAST, WM_FONTCHANGE, 0, 0);
iframe.contentWindow.location.href = uri
但自Firefox 64以来，它已经停止工作，例如这里https://github.com/ismailhabib/custom-protocol-detection/issues/37也得到了确认。
因此，在FF 64+中，我发现我可以使用Chrome的方法blurHandler或使用那里发布的内容https://github.com/ismailhabib/custom-protocol-detection/issues/37#issuecomment-617962659
try {
iframe.contentWindow.location.href = uri;
setTimeout(function () {
try {
if (iframe.contentWindow.location.protocol === "about:") {
successCb();
} else {
failCb();
}
} catch (e) {
if (e.name === "NS_ERROR_UNKNOWN_PROTOCOL" ||
e.name === "NS_ERROR_FAILURE" || e.name === "SecurityError") {
failCb();
}
}
}, 500);
} catch (e) {
if (e.name === "NS_ERROR_UNKNOWN_PROTOCOL" || e.name === "NS_ERROR_FAILURE"
|| e.name === "SecurityError") {
failCb();
}
}
对于Chrome 86+，它也无法正常工作，请查看我的答案以获取详细信息在Chrome 86中检测自定义协议处理程序
顺便说一句，在某些情况下，我发现大多数答案/文章已经过时了。