Skip to content

Instantly share code, notes, and snippets.

@marcopin
Forked from rajeshsegu/BrowserDetectProtocol.js
Created September 8, 2022 20:47
Show Gist options
  • Save marcopin/c0d0b8dfeff5a5e581eb9ebbb03f660f to your computer and use it in GitHub Desktop.
Save marcopin/c0d0b8dfeff5a5e581eb9ebbb03f660f to your computer and use it in GitHub Desktop.
Detect Browser Custom Protocols
<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;
//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