GitHub - jonasstrehle/supercookie: ⚠️ Browser fingerprinting via favicon!

Supercookie uses favicons to assign a unique identifier to website visitors.
Unlike traditional tracking methods, this ID can be stored almost persistently and cannot be easily cleared by the user.

The tracking method works even in the browser's incognito mode and is not cleared by flushing the cache, closing the browser or restarting the system, using a VPN or installing AdBlockers. 🍿 Live demo^[1].

About

💭 Inspiration

🪧 Purpose

This repository is for educational and demonstration purposes only!

The demo of "supercookie" as well as the publication of the source code of this repository is intended to draw attention to the problem of tracking possibilities using favicons.

📕 Full documentation^[2]

Installation

🔧 Docker

requirements: Docker daemon^[3]

1. Clone repository

git clone https://github.com/jonasstrehle/supercookie

2. Update .env file in supercookie/server/.env^[4]

HOST_MAIN=yourdomain.com #or localhost:10080 PORT_MAIN=10080  HOST_DEMO=demo.yourdomain.com #or localhost:10081 PORT_DEMO=10081

3. Run container

cd supercookie/server docker-compose up

-> Webserver will be running at https://yourdomain.com^[5]

Local machine

requirements: Node.js^[6]

1. Clone repository

git clone https://github.com/jonasstrehle/supercookie

2. Update .env file in supercookie/server/.env^[7]

HOST_MAIN=localhost:10080 PORT_MAIN=10080  HOST_DEMO=localhost:10081 PORT_DEMO=10081

3. Run service

cd supercookie/server node main.js

-> Webserver will be running at http://localhost:10080^[8]

📖 Background^[9]

Modern browsers offer a wide range of features to improve and simplify the user experience. One of these features are the so-called favicons: A favicon is a small (usually 16×16 or 32×32 pixels) logo used by web browsers to brand a website in a recognizable way. Favicons are usually shown by most browsers in the address bar and next to the page's name in a list of bookmarks.

To serve a favicon on their website, a developer has to include an attribute in the webpage’s header. If this tag does exist, the browser requests the icon from the predefined source and if the server response contains an valid icon file that can be properly rendered this icon is displayed by the browser. In any other case, a blank favicon is shown.

<link rel="icon" href="/favicon.ico" type="image/x-icon">

The favicons must be made very easily accessible by the browser. Therefore, they are cached in a separate local database on the system, called the favicon cache (F-Cache). A F-Cache data entries includes the visited URL (subdomain, domain, route, URL paramter), the favicon ID and the time to live (TTL). While this provides web developers the ability to delineate parts of their website using a wide variety of icons for individual routes and subdomains, it also leads to a possible tracking scenario.

When a user visits a website, the browser checks if a favicon is needed by looking up the source of the shortcut icon link reference of the requested webpage. The browser initialy checks the local F-cache for an entry containing the URL of the active website. If a favicon entry exists, the icon will be loaded from the cache and then displayed. However, if there is no entry, for example because no favicon has ever been loaded under this particular domain, or the data in the cache is out of date, the browser makes a GET request to the server to load the site's favicon.

💣 Threat Model^[10]

In the article a possible threat model is explained that allows to assign a unique identifier to each browser in order to draw conclusions about the user and to be able to identify this user even in case of applied anti-fingerprint measures, such as the use of a VPN, deletion of cookies, deletion of the browser cache or manipulation of the client header information.

A web server can draw conclusions about whether a browser has already loaded a favicon or not: So when the browser requests a web page, if the favicon is not in the local F-cache, another request for the favicon is made. If the icon already exists in the F-Cache, no further request is sent. By combining the state of delivered and not delivered favicons for specific URL paths for a browser, a unique pattern (identification number) can be assigned to the client. When the website is reloaded, the web server can reconstruct the identification number with the network requests sent by the client for the missing favicons and thus identify the browser.

	conventional cookies	supercookie
Identification accuracy	-	100%
Incognito / Private mode detection	❌	✅
Persistent after flushed website cache and cookies	❌	✅
Identify multiple windows	❌	✅
Working with Anti-Tracking SW	❌	✅

🎯 Target^[11]

It looks like all top browsers ( Chrome^[12], Firefox^[13], Safari^[14], Edge^[15]) are vulnerable to this attack scenario.
Mobile browsers are also affected.

⚙ Scalability & Performance^[16]

By varying the number of bits that corresponds to the number of redirects to subpaths, this attack can be scaled almost arbitrarily. It can distinguish 2^N unique users, where N is the number of redirects on the client side. The time taken for the read and write operation increases as the number of distinguishable clients does.
In order to keep the number of redirects as minimal as possible, N can have a dynamic length. More about this here^[17].

Other

🙎‍♂️ About me^[18]

I am a twenty year old student from 🇩🇪 Germany. I like to work in software design and development and have an interest in the IT security domain.

This repository, including the setup of a demonstration portal, was created within two days as part of a private research project on the topic of "Tracking on the Web".

💖 Support the project^[19]

Spread the world!

Liked the project? Just give it a star ⭐ and spread the world!

References

1. ^{^} Live demo (supercookie.me)
2. ^{^} Full documentation (supercookie.me)
3. ^{^} Docker daemon (docs.docker.com)
4. ^{^} supercookie/server/.env (github.com)
5. ^{^} https://yourdomain.com (yourdomain.com)
6. ^{^} Node.js (nodejs.org)
7. ^{^} supercookie/server/.env (github.com)
8. ^{^} http://localhost:10080 (localhost)
9. ^{^} 📖 Background (supercookie.me)
10. ^{^} 💣 Threat Model (supercookie.me)
11. ^{^} 🎯 Target (supercookie.me)
12. ^{^} Chrome (google.com)
13. ^{^} Firefox (www.mozilla.org)
14. ^{^} Safari (www.apple.com)
15. ^{^} Edge (www.microsoft.com)
16. ^{^} ⚙ Scalability & Performance (supercookie.me)
17. ^{^} here (supercookie.me)
18. ^{^} 🙎‍♂️ About me (jonas.strehles.info)
19. ^{^} 💖 Support the project (ko-fi.com)