我终于获得了一个结合了this 和一个超级简单的 Safari 扩展的跨浏览器(Chrome 32、Firefox 27、IE 11、Safari 6)解决方案。在这个和这个other question 中以一种或另一种方式提到了这个解决方案的大部分内容。
这是脚本:
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); // true
});
location.href = url;
setTimeout(function () {
elem.off('blur');
elem.removeAttr("tabindex");
if (!success) {
callback(false); // false
}
}, 1000);
} else if (Browser.name === "Safari") {
if (myappinstalledflag) {
location.href = url;
success = true;
} else {
success = false;
}
callback(success);
}
}
Safari 扩展很容易实现。它由一行注入脚本组成:
myinject.js:
window.postMessage("myappinstalled", window.location.origin);
那么在网页JavaScript中,需要先注册消息事件,如果收到消息则设置一个标志:
window.addEventListener('message', function (msg) {
if (msg.data === "myappinstalled") {
myappinstalledflag = true;
}
}, false);
这假定与自定义协议关联的应用程序将管理 Safari 扩展程序的安装。
在所有情况下,如果回调返回 false,您就知道通知用户应用程序(即自定义协议)未安装。