通常，推荐人可以通过以下方式追踪:

• JavaScript 的 document.referrer
• 请求 header ，例如PHP 的 $_SERVER['HTTP_REFERER']

我已经设置了一个 Codepad demo 其中显示了这些属性，用于测试目的。

#要求:

1. 应有效隐藏原始引荐来源网址，至少对于所有鼠标事件而言。
2. 跨浏览器支持(至少是 Chrome 和 Firefox)。
   
3. 独立的，没有任何外部内容(插件、库、重定向页面......)。
4. 无副作用:链接不应不重写，历史条目应保留。

当点击 <a href="url"> 的链接时，该解决方案将用于隐藏引荐来源网址.

##用例的准确描述 如 this question on Webapps 中所述, Google 搜索中的链接会在点击时被修改。因此，

1. Google 能够跟踪您的搜索行为(隐私--)
2. 页面请求略有延迟。
3. 链接的页面无法跟踪您的 Google 搜索查询(Privacy++)
4. 拖动/复制的 URL 看起来像 http://google.com/lotsoftrash?url=actualurl 。

我正在开发 Userscript (Firefox) / Content script (Chrome) ^{( code )}，它删除了 Google 的链接破坏事件。因此，第 1、2 和 4 点得到处理。

第 3 点仍然存在。

• Chrome : <a rel="noreferrer">
• 火狐: data-URIs .我已经创建了一种复杂的方法来为左键单击和中键单击实现此功能，同时仍然执行第 4 点。但是，我正在努力使用右键单击方法。

最佳答案

我找到了一个适用于 Chrome 和 Firefox 的解决方案。我已经在用户脚本中实现了代码， Don't track me Google .

演示(在 Firefox 9 和 Chrome 17 中测试): http://jsfiddle.net/RxHw5/

为 Webkit(Chrome，..)和 Firefox 37+ (33+*) 隐藏 Referrer

基于 Webkit 的浏览器(例如 Chrome、Safari)support <a rel="noreferrer"> ^spec .
通过将此方法与两个事件监听器结合使用，可以完全实现 Referrer 隐藏:

• mousedown - 单击、中键单击、右键单击上下文菜单...
• keydown (Tab Tab Tab ... Enter)。

代码:

function hideRefer(e) {
   var a = e.target;
   // The following line is used to deal with nested elements,
   //  such as: <a href="."> Stack <em>Overflow</em> </a>.
   if (a && a.tagName !== 'A') a = a.parentNode;
   if (a && a.tagName === 'A') {
      a.rel = 'noreferrer';
   }
}
window.addEventListener('mousedown', hideRefer, true);
window.addEventListener('keydown', hideRefer, true);

* rel=noreferrer自 33 起在 Firefox 中受支持，但支持仅限于页内链接。当用户通过上下文菜单打开选项卡时，仍会发送引荐来源网址。此错误已在 Firefox 37 ^{[ bug 1031264 ]}.

为旧的 Firefox 版本隐藏 Referrer

Firefox 不支持 rel="noreferrer"直到版本 33 `^{[ bug 530396 ]}(或 37，如果您也希望隐藏上下文菜单的引荐来源网址)。

数据 URI + <meta http-equiv=refresh>可用于在 Firefox(和 IE)中隐藏引荐来源网址。实现此功能比较复杂，但也需要两个事件:

• click - 点击时，点击中键，Enter
  
• contextmenu - 右键单击​​，Tab Tab ... Contextmenu

在 Firefox 中，click每个 mouseup 都会触发事件和在链接(或表单控件)上按Enter。 contextmenu事件是必需的，因为 click对于这种情况，事件触发得太晚了。

基于数据 URI 和瞬间超时:
当 click事件被触发，href属性暂时替换为数据 URI。事件结束，默认行为发生:打开数据 URI，依赖于 target属性和 SHIFT/CTRL 修饰符。
同时，href属性恢复到原来的状态。

当 contextmenu事件被触发，链接也会瞬间改变。

• Open Link in ...选项将打开数据 URI。
• Copy Link location选项指的是恢复后的原始 URI。
• ☹ Bookmark选项指的是数据 URI。
• ☹ Save Link as指向数据 URI。

代码:

// Create a data-URI, redirection by <meta http-equiv=refresh content="0;url=..">
function doNotTrack(url) {
   // As short as possible. " can potentially break the <meta content> attribute,
   // # breaks the data-URI. So, escape both characters.
   var url = url.replace(/"/g,'%22').replace(/#/g,'%23');
   // In case the server does not respond, or if one wants to bookmark the page,
   //  also include an anchor. Strictly, only <meta ... > is needed.
   url = '<title>Redirect</title>'
       + '<a href="' +url+ '" style="color:blue">' +url+ '</a>'
       + '<meta http-equiv=refresh content="0;url=' +url+ '">';
   return 'data:text/html,' + url;
}
function hideRefer(e) {
   var a = e.target;
   if (a && a.tagName !== 'A') a = a.parentNode;
   if (a && a.tagName === 'A') {
      if (e.type == 'contextmenu' || e.button < 2) {
         var realHref = a.href; // Remember original URI
         // Replaces href attribute with data-URI
         a.href = doNotTrack(a.href);
         // Restore the URI, as soon as possible
         setTimeout(function() {a.href = realHref;}, 4);
      }
   }
}
document.addEventListener('click', hideRefer, true);
document.addEventListener('contextmenu', hideRefer, true);

结合两种方法

不幸的是，没有直接的方法来检测此功能(更不用说解决错误了)。所以你可以根据navigator.userAgent选择相关代码(即 UA 嗅探)，或使用 How can I detect rel="noreferrer" support? 中的一种复杂检测方法.

关于javascript - 在 JavaScript 中隐藏/欺骗引荐来源网址的最可靠方法是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8893269/