Was ist der zuverlässigste Weg, den Referrer in JavaScript zu verstecken / zu fälschen?

Habe ich eine Lösung gefunden, die funktioniert in Chrome und Firefox. Ich habe implementiert, den code in ein Userscript, Nicht-track-me Google.

Demo (getestet in Firefox 9 und Chrome 17): http://jsfiddle.net/RxHw5/

Referrer verstecken für Webkit (Chrome, ..) und Firefox 37+ (33+*)

Webkit-basierte Browser (z.B. Chrome, Safari) Unterstützung <a >^{Spezifikation}.

Referrer verstecken können vollständig umgesetzt werden durch die Kombination dieser Methode mit zwei Ereignis-Listener:

• mousedown - Auf Klick mit der mittleren Maustaste, mit der rechten Maustaste Kontext-Menü, ...
• keydown (Tab Tab Tab ... Enter).

Code:

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 unterstützt Firefox seit 33 Jahren, aber die Unterstützung beschränkt sich auf die in-page links. Referrer wurden weiterhin gesendet, wenn der Benutzer geöffnet, die Registerkarte über das Kontextmenü. Dieser Fehler wurde behoben in Firefox 37 ^{[bug 1031264]}.

Referrer verstecken für alte Firefox-Versionen

Firefox nicht unterstützt bis zur version 33 `^{[bug 530396]} (oder 37, wenn Sie ausblenden möchten, die referrer-für die Kontext-Menüs).

Einer data-URI + <meta http-equiv=refresh> können ausgeblendet werden, um den referrer im Firefox (und IE). Die Umsetzung dieser Funktion ist komplizierter, erfordert aber auch zwei Ereignisse:

• click - Auf Klick auf der mittleren Maustaste, Enter
• contextmenu - Auf der rechten-Maustaste, Tab Tab ... Contextmenu

In Firefox, die click - Ereignis wird ausgelöst für jeden mouseup und betätigen von Enter auf einen link (oder Formular-Steuerelement). Die contextmenu Veranstaltung ist erforderlich, da die click event feuert zu spät für diesen Fall.

Basierend auf data-URIs und die split-second time-outs:

Wenn die click Ereignis ausgelöst wird, wird der href Attribut wird vorübergehend ersetzt durch eine data-URI. Die Veranstaltung beendet, und das Verhalten tritt auf: Öffnen des Daten-URI, abhängig von der target Attribut-und SHIFT - /STRG-Modifikatoren.

Mittlerweile, die href Attribut wird in seinen ursprünglichen Zustand wiederhergestellt.

Wenn die contextmenu Ereignis ausgelöst wird, wird der link ändert sich auch nur für einen Sekundenbruchteil.

• Die Open Link in ... Optionen, öffnen Sie die data-URI.
• Die Copy Link location option bezieht sich auf das restaurierte, original-URI.
• ☹ Die Bookmark option bezieht sich auf die Daten-URI.
• ☹ Save Link as Punkte, um die Daten-URI.

Code:

//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);

Die Kombination beider Methoden

Leider gibt es keinen einfachen Weg, um feature-Erkennung diese Funktion (geschweige denn Konto für bugs). So können Sie entweder wählen Sie den entsprechenden code basierend auf navigator.userAgent (d.h. UA-sniffing), oder verwenden Sie eine der gewundenen Nachweismethoden von Wie kann ich erkennen, unterstützen?.

InformationsquelleAutor der Antwort Rob W

Wie gewünscht, per JavaScript:

var meta = document.createElement('meta');
meta.name = "referrer";
meta.content = "no-referrer";
document.getElementsByTagName('head')[0].appendChild(meta);

Dies wird fügen Sie folgenden meta-tag-an-Kopf-Abschnitt der web-Seite:

<meta name="referrer" content="no-referrer" />

Von 2015 dies ist, wie Sie verhindern, dass das senden der Referer-header.

InformationsquelleAutor der Antwort MarcG

Könnten Sie die neue Referrer-Richtlinie Norm-Entwurf zu verhindern, dass der referer-header gesendet, um die Anforderung Herkunft. Beispiel:

<meta name="referrer" content="none">

Obwohl Chrome und Firefox bereits eine draft-version der Referrer-Richtlinien haben, sollten Sie vorsichtig sein, weil es zum Beispiel für Chrome erwartet no-referrer statt none (und ich habe auch gesehen never irgendwo). Ich weiß nicht, das Verhalten wenn Sie fügen Sie einfach drei separate meta-tags, aber falls das nicht funktioniert könntest du noch einfach umzusetzen, ein kurzes Skript, welches iteriert über alle drei Werte und prüft, ob der Wert war wirklich festlegen nach dem festlegen der Eigenschaft des meta-Tags.

Dieser meta-tag gilt für alle Anfragen, die auf der aktuellen Seite (ajax, Bilder, Skripte, andere Ressourcen,...) und navigation zu einer anderen Seite.

InformationsquelleAutor der Antwort Joel Richard

Was Sie für Fragen erfolgt nicht in Firefox.

Den aktuelle Kontextmenü Umsetzung übergibt immer das aktuelle Dokument als referrer:

//Open linked-to URL in a new window.
openLink: function () {
    var doc = this.target.ownerDocument;
    urlSecurityCheck(this.linkURL, doc.nodePrincipal);
    openLinkIn(this.linkURL, "window", {
        charset: doc.characterSet,
        referrerURI: doc.documentURIObject //<----------------
    });
},

//Open linked-to URL in a new tab.
openLinkInTab: function () {
    var doc = this.target.ownerDocument;
    urlSecurityCheck(this.linkURL, doc.nodePrincipal);
    openLinkIn(this.linkURL, "tab", {
        charset: doc.characterSet,
        referrerURI: doc.documentURIObject //<----------------
    });
},

//open URL in current tab
openLinkInCurrent: function () {
    var doc = this.target.ownerDocument;
    urlSecurityCheck(this.linkURL, doc.nodePrincipal);
    openLinkIn(this.linkURL, "current", {
        charset: doc.characterSet,
        referrerURI: doc.documentURIObject //<----------------
    });
}, 

Offensichtlich, userscripts sind nicht erlaubt, ändern Sie die Kontextmenü-Implementierung, so dass der einzige Ausweg ist eine browser-Erweiterung.

(Oder, das wäre eine ziemlich schlechte hack, deaktivieren Sie das Kontext-Menü durch den Aufruf preventDefault() auf die contextmenu Ereignis, und verwenden Sie Ihre eigenen benutzerdefinierten Kontextmenü)

InformationsquelleAutor der Antwort user123444555621

Ich habe implementiert eine einfache, aber effektive iframe-Lösung mit jquery.

https://jsfiddle.net/skibulk/0oebphet/

(function($){
  var f = $('<iframe src="about:blank" style="display: none !important;">').appendTo('body');
  $('a[rel~=noreferrer]').click(function(event){
    var a = $(event.target.outerHTML);
    a.appendTo(f.contents().find('body'));
    a[0].click();
    return false;
  });
})(jQuery);

InformationsquelleAutor der Antwort skibulk