Skąd moja przeglądarka wie, że odwiedziłem stronę, jeśli adres URL przekierowuje?

Skąd Chrome, Safari, Firefox lub inne przeglądarki wiedzą, że odwiedziłeś docelowy adres URL linku przekierowującego?

Zawsze uważałem za interesujące, że przeglądarki znają adres URL przekierowującego adresu URL i stosują odwiedzany styl do linku.

Aby zrozumieć, o co proszę:

• Wpisz losowe słowo kluczowe w Google.
• Znajdź niebieski link w wyniku wyszukiwania. Nie klikaj go.
• Skopiuj docelowy adres URL (zwykle napisany na zielono pod linkiem).
• Otwórz nowe okno / kartę i wklej docelowy adres URL w pasku adresu i naciśnij Enter.
• Wróć do wyników wyszukiwania Google i natychmiast link zostanie odwiedzony i zmieni kolor na fioletowy.

Jednak link prowadzi do google.com/url...strony. Czy jest coś, co Google umieszcza w swoich znacznikach, aby poinformować przeglądarkę, z jakim adresem URL powiązać historię linku czy coś takiego? Czy przeglądarki tylko odczytują wyniki wyszukiwania Google w określony sposób?

Jeśli zwrócisz uwagę na pasek stanu podczas najechania kursorem na link, zobaczysz, że początkowo wskazuje on „czysty” adres URL.

Tylko po kliknięciu linku (jednym z trzech przycisków myszy) uruchamiane jest zdarzenie JavaScript, które zmienia miejsce docelowe linku na przekierowanie adresu URL Google.

Aby zweryfikować moje roszczenie, kliknij prawym przyciskiem myszy dowolny fioletowy link i zamknij menu kontekstowe. O ile nie odwiedziłeś już witryny z wyników wyszukiwania Google, zobaczysz, że zmienia ona kolory. ¹

Nie wiem dokładnie, jak Google wstrzykuje adres URL przekierowania ² , ale ogólny pomysł jest następujący:

// define a function `f' that changes a link's clean URL to a redirection URL
var f = function () {
    // prepend `http://www.google.com/url?rct=j&url=' to the link's target
    this.href = 'http://www.google.com/url?rct=j&url=' + escape(this.href);
    // don't invoke this function anymore when clicking the link
    this.removeEventListener('click', f);
    // don't invoke this function anymore when right-clicking the link
    this.removeEventListener('contextmenu', f);
}

// save all <a> tags in an array `a'
var a = document.getElementsByTagName('a');

// for each <a> tag in the array `a'
for (var i = 0; i < a.length; i++) {
    // execute function `f' when clicking the link
    a[i].addEventListener('click', f);
    // execute function `f' when right-clicking the link
    a[i].addEventListener('contextmenu', f);
}

Możesz wypróbować ten jsFiddle, aby zobaczyć, jak to działa.

_{¹ Testowane na Chromium 25 (Ubuntu 12.10) i Chrome 26 (Windows 7)}

_{² Zminimalizowany JavaScript jest nieco trudny do odczytania.}