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

Question

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

<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。

Answer 2

不，没有。引用标头在 JavaScript 域之外。

如果特别重要，您可以检查浏览器 (navigator.userAgent) 是否支持 noreferrer。