Forked from rajeshsegu/BrowserDetectProtocol.js
Last active
December 28, 2016 10:30
-
-
Save triptych/eca0dc9141b0f9d51feb to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Detect Custom 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 || $.browser.safari){ | |
| launchChrome(); | |
| }else if($.browser.msie){ | |
| launchIE(); | |
| } | |
| }); | |
| //Handle IE | |
| function launchIE(){ | |
| var url = getUrl(), | |
| aLink = $('#hiddenLink')[0]; | |
| isSupported = false; | |
| aLink.href = url; | |
| //Case 1: protcolLong | |
| console.log("Case 1"); | |
| if(navigator.appName=="Microsoft Internet Explorer" | |
| && aLink.protocolLong=="Unknown Protocol"){ | |
| isSupported = false; | |
| result(); | |
| return; | |
| } | |
| //IE10+ | |
| if(navigator.msLaunchUri){ | |
| navigator.msLaunchUri(url, | |
| function(){ isSupported = true; result(); }, //success | |
| function(){ isSupported=false; result(); } //failure | |
| ); | |
| 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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment