使用Javascript检测协议处理程序

时间:2014-01-09 00:09:36

标签: javascript launching-application custom-protocol protocol-handler

前言:我不是Windows /软件开发人员。我只是一个具有Javascript技能的Web开发人员,所以我知道我可能不了解协议处理程序的细节。

我是一个团队的一员,该团队创建了一个安装协议处理程序的软件。用户安装软件后,可以通过访问<a href="myAwesomeApp://params">Start!</a>等链接启动该软件。

我的问题(我理解这是一个非常古老的问题)我需要一种方法来查看是否安装了此协议处理程序。

  • 如果是,请运行协议处理程序
  • 如果没有,请重定向到软件安装程序位置

我找到了一个适用于FF和Chrome here的半有希望的解决方案(关于脚本here的旧博文)。我不确定为什么这对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>

我已创建sample page以进行问题排查。 '上缺少一个line 72引号,所以我添加了这个引用。没有其他改变。*

我的问题是双重的:

  1. 有没有更好的方法来实现这种类型的协议处理程序检测?有没有办法修复launchIE()函数以使其有效?
  2. 有没有办法知道我应该在使用此检查时可以访问哪些处理程序?例如,使用我当前的代码,“acrobat”在Chrome中显示为True。在IE10中,它出现了错误。我对应该是真/假的概念有一个大概,但我不知道最终确定。
  3. 我正在尝试在Javascript中执行此操作,因为此项目的要求是从浏览器启动程序(以及稍后返回结果)。如果在Javascript中无法做到这一点,我很乐意听取任何其他解决方案。

0 个答案:

没有答案