javascript - 如何检测 rel ="noreferrer"支持？

Question

有什么方法可以用 Javascript 检测对 rel="noreferrer"的支持吗？

<a href="http://example.com" rel="noreferrer">link without referral</a>

解决方案 - $.browser 已弃用，可能会在未来的 jQuery 版本中移至插件。

var is_webkit = $.browser.webkit;
if(is_webkit) {
    alert('supports rel="noreferrer"');
}

Answer 1

我通过使用 name 创建一个隐藏的 iframe 来检测 noreferrer 支持属性，然后我创建一个 <a rel="noreferrer">与其 target 链接属性等于 iframe 的 name属性，并使链接指向当前域中的任何资源。链接到 about:blank也可以，但它在 Firefox 和 IE 中有问题，因此您应该链接到服务器上有意留空的文件。在 iframe 中加载资源后，检查 [the iframe].contentDocument.referrer === "" .如果这是真的，noreferrer支持。

我的实现示例可在 hotlink.js 中找到。 .具体见on_ready .