前言:我不是 Windows/软件开发人员。我只是一个具有 Javascript 技能的 Web 开发人员,所以我知道我可能不了解协议处理程序的来龙去脉。
我是一个团队的一员,该团队创建了一个安装协议处理程序的软件。一旦用户安装了软件,他们就可以通过访问类似的链接来启动它<a href="myAwesomeApp://params">Start!</a>
。
我的问题(我知道这是一个非常古老的问题)是我需要一种方法来查看是否安装了此协议处理程序。
- 如果是,请运行协议处理程序
- 如果没有,请重定向到软件安装程序位置
我在这里找到了一个适用于 FF 和 Chrome 的半有前途的解决方案(关于脚本的旧博客文章在这里)。我不确定为什么这对 IE 不起作用,即使作者明确为 IE 创建了功能。这是我目前正在使用的代码(HTML/JS):
<html>
<head>
<title>Detect Custome Protocol</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
</head>
<body>
<input id="protocol" value="" placeholder="custom protocol"/>
<button id="launch">Launch</button>
<!-- Mozilla Only -->
<iframe id="hiddenIframe" src="about:blank" style="display:none"></iframe>
<!-- IE Case 1 -->
<a id="hiddenLink" style="display:none;" href="#">custom protocol</a>
<script>
//Default State
var isSupported = false;
//Helper Methods
function getProtocol(){
return $('#protocol').val();
}
function getUrl(){
return getProtocol()+"://"+"rajeshsegu.com";
}
function result(){
alert(getProtocol() + " supported => " + isSupported);
}
//Handle Click on Launch button
$('#launch').click(function(){
if($.browser.mozilla){
launchMozilla();
}else if($.browser.chrome){
launchChrome();
}else if($.browser.msie){
launchIE();
}
});
//Handle IE
function launchIE(){
var url = getUrl(),
aLink = $('#hiddenLink')[0];
isSupported = false;
aLink.href = url;
//IE10+
if(navigator.msLaunchUri){
navigator.msLaunchUri(url,
function(){ isSupported = true; result(); }, //success
function(){ isSupported=false; result(); } //failure
);
return;
} else if (navigator.appName=="Microsoft Internet Explorer" && aLink.protocolLong=="Unknown Protocol"){
//Case 1: protcolLong
console.log("Case 1");
isSupported = false;
result();
return;
}
//Case2: Open New Window, set iframe src, and access the location.href
console.log("Case 2");
var myWindow = window.open('','','width=0,height=0');
myWindow.document.write("<iframe src='"+ url + "'></iframe>");
setTimeout(function(){
try{
myWindow.location.href;
isSupported = true;
}catch(e){
//Handle Exception
}
if(isSupported){
myWindow.setTimeout('window.close()', 100);
}else{
myWindow.close();
}
result();
}, 100)
};
//Handle Firefox
function launchMozilla(){
var url = getUrl(),
iFrame = $('#hiddenIframe')[0];
isSupported = false;
//Set iframe.src and handle exception
try{
iFrame.contentWindow.location.href = url;
isSupported = true;
result();
}catch(e){
//FireFox
if (e.name == "NS_ERROR_UNKNOWN_PROTOCOL"){
isSupported = false;
result();
}
}
}
//Handle Chrome
function launchChrome(){
var url = getUrl(),
protcolEl = $('#protocol')[0];
isSupported = false;
protcolEl.focus();
protcolEl.onblur = function(){
isSupported = true;
console.log("Text Field onblur called");
};
//will trigger onblur
location.href = url;
//Note: timeout could vary as per the browser version, have a higher value
setTimeout(function(){
protcolEl.onblur = null;
result()
}, 500);
}
</script>
</body>
</html>
我创建了一个示例页面用于故障排除。上缺少一个单'
引号line 72
,所以我添加了它。其他一切都没有改变。*
我的问题有两个:
- 有没有更好的方法来实现这种类型的协议处理程序检测?有没有办法修复该
launchIE()
功能使其正常工作? - 有没有办法知道在使用此检查时我应该访问哪些处理程序?例如,在我当前的代码中,“acrobat”在 Chrome 中显示为 True。在 IE10 中,它显示为 false。我对什么应该是真/假有一个大致的了解,但我不确定。
我正在尝试在 Javascript 中执行此操作,因为该项目的要求是从浏览器启动程序(然后返回结果)。如果这在 Javascript 中是不可能的,我愿意听取任何其他解决方案。