私はついにクロスブラウザー(Chrome 32、Firefox 27、IE 11、Safari 6)ソリューションを、これと非常にシンプルなSafari拡張機能の組み合わせで動作させることができました。この解決策の多くは、この質問とこの他の質問で何らかの形で言及されています。
スクリプトは次のとおりです。
function launchCustomProtocol(elem, url, callback) {
var iframe, myWindow, success = false;
if (Browser.name === "Internet Explorer") {
myWindow = window.open('', '', 'width=0,height=0');
myWindow.document.write("<iframe src='" + url + "'></iframe>");
setTimeout(function () {
try {
myWindow.location.href;
success = true;
} catch (ex) {
console.log(ex);
}
if (success) {
myWindow.setTimeout('window.close()', 100);
} else {
myWindow.close();
}
callback(success);
}, 100);
} else if (Browser.name === "Firefox") {
try {
iframe = $("<iframe />");
iframe.css({"display": "none"});
iframe.appendTo("body");
iframe[0].contentWindow.location.href = url;
success = true;
} catch (ex) {
success = false;
}
iframe.remove();
callback(success);
} else if (Browser.name === "Chrome") {
elem.css({"outline": 0});
elem.attr("tabindex", "1");
elem.focus();
elem.blur(function () {
success = true;
callback(true);
});
location.href = url;
setTimeout(function () {
elem.off('blur');
elem.removeAttr("tabindex");
if (!success) {
callback(false);
}
}, 1000);
} else if (Browser.name === "Safari") {
if (myappinstalledflag) {
location.href = url;
success = true;
} else {
success = false;
}
callback(success);
}
}
Safari拡張機能は簡単に実装できました。これは、1行のインジェクションスクリプトで構成されていました。
myinject.js:
window.postMessage("myappinstalled", window.location.origin);
次に、WebページのJavaScriptで、最初にメッセージイベントを登録し、メッセージが受信された場合にフラグを設定する必要があります。
window.addEventListener('message', function (msg) {
if (msg.data === "myappinstalled") {
myappinstalledflag = true;
}
}, false);
これは、カスタムプロトコルに関連付けられているアプリケーションがSafari拡張機能のインストールを管理することを前提としています。
いずれの場合も、コールバックがfalseを返した場合は、アプリケーション(つまり、カスタムプロトコル)がインストールされていないことをユーザーに通知する必要があります。