So vermeiden Sie Canvas-Fingerprinting

Was ist Canvas?

Canvas ist ein neues Tag in HTML5, das mit entsprechenden APIs verwendet wird, um Bilder zu generieren und Bildinhalte in Echtzeit auf Webseiten zu bearbeiten.


Wofür kann Canvas verwendet werden?

• Grundlegendes Grafikzeichnen (z. B. Zeichnen von Punkten, Linien, Ellipsen usw.) und Textzeichnen
• Transformation und Komposition von Grafiken (z. B. Skalierung, Drehung, Überlagerung usw.)
• Bearbeitung von Bildern und Videos
• Implementierung von Animationen
• Erstellung von Minispielen
  
  

Mit der Entwicklung des Internets steigen die visuellen und interaktiven Anforderungen der Nutzer an Webseiten, die von Traditionelle Web-Frontend-Entwicklung. Mit den leistungsstarken Zeichenfunktionen von Canvas können Sie umfangreichere Inhalte auf Webseiten anzeigen und Nutzern ein besseres visuelles und interaktives Erlebnis bieten.

Hier ein Beispiel:

<script Typ = „Text/Javascript“> ; & nbsp;

// Das dem Canvas-Element entsprechende DOM-Objekt abrufen

var canvas_xy = document.getElementById(“canvas_xy”);

// Das canvasRenderingContent2D-Objekt abrufen, das auf der Leinwand zeichnet

var ctx = canvas_xy.getContext(“2d”);

// Startpunkt für die Zeichnung festlegen

ctx.moveTo(100, 100);

// Setze den nächsten zu zeichnenden Punkt

ctx.lineTo(200, 200);

// Setze den nächsten zu zeichnenden Punkt

ctx.lineTo(400, 100);

//Ende Zeichnung

ctx.closePath();

// Breite der Linie festlegen

ctx.lineWidth = 10;

// Stil der Zeichnung festlegen

ctx.strokeStyle = „red“;

// Linie zeichnen zwischen die Punkte

ctx.stroke();

// Füllstil festlegen

ctx.fillStyle = „grün“;

// Aktuelle Ansicht füllen

ctx.fill();

</script>

Das erhalten Sie:

Was ist Canvas-Fingerprinting?

Um Canvas-Fingerprinting zu verstehen, ist es wichtig, zunächst zu erklären, was Browser-Fingerprinting ist.

Websites und Werbetreibende wünschen sich im Allgemeinen eine Technologie, die jede einzelne Person im Web gezielt ansprechen kann, um Daten über diese Personen zu sammeln, zu analysieren und anschließend Anzeigen und andere Kampagnen gezielter zu schalten. Beispielsweise, welche Seiten ein Nutzer besucht, nach welchen Schlüsselwörtern er sucht, woran er interessiert ist, auf welche Schaltflächen er klickt, welche Funktionen er nutzt, welche Produkte er sich ansieht, was er in seinen Warenkorb legt usw.

Da jedoch alle Browser immer besser zum Schutz der Privatsphäre der Nutzer geeignet sind, bieten sie Websites keine gültige Benutzeridentifikation mehr und blockieren die von Websites häufig verwendeten Tracking-Techniken. Beispielsweise werden bei domänenübergreifenden Anfragen keine Cookies mehr gespeichert, der Inkognito-Modus wird aktiviert usw. Dadurch lässt sich nicht feststellen, ob es sich um denselben Nutzer handelt, der zwei Besuche unabhängig voneinander durchführt. Dies erschwert es Websites, das Nutzerverhalten zu verfolgen.

Hier kommt Browser-Fingerprinting ins Spiel. Über den Browser erhält die Website Informationen über den Hardwaretyp des Nutzergeräts, das Betriebssystem, den User Agent, die Systemschriftart, die Sprache, die Bildschirmauflösung, Browser-Plug-ins, Browser-Erweiterungen, Browsereinstellungen, Zeitzonenunterschiede, den geografischen Standort und viele weitere Informationen, die als Browser-Fingerabdrücke bezeichnet werden können. Diese Fingerabdrücke ähneln jedoch der menschlichen Größe, dem Alter usw. und sind daher mit hoher Wahrscheinlichkeit wiederholbar. Sie können daher nicht als eindeutige Kennung einer Person dienen.

HTML5-basiertes erweitertes Fingerabdruckverfahren bietet neue Lösungen, von denen Canvas-Fingerabdruckverfahren eine der am häufigsten verwendeten ist. Wie bereits erwähnt, kann die Canvas-Technologie verwendet werden, um Bilder in Echtzeit auf einer Seite darzustellen. Unterschiedliche Computer können jedoch subtile Unterschiede in der Darstellung der Bilder aufweisen, die für das menschliche Auge normalerweise nicht erkennbar sind. Durch die Berechnung der generierten Bilddaten kann jedoch ein Fingerabdruckwert zur Identifizierung verschiedener Benutzer generiert werden.

Wie erhalten Websites einen Canvas-Fingerabdruck?

Die von uns besuchte Website enthält ein verstecktes Canvas-Bild. gezeichnet von der HTML5 Canvas API. Wenn zwei Benutzer die Website auf demselben Gerät mit demselben Betriebssystem und Browser besuchen, ist das Canvas-Bild genau dasselbe. Wenn dies auf zwei verschiedenen Computern mit unterschiedlichen Einstellungen geschieht, unterscheiden sich die Canvas-Fingerabdrücke in der Regel.

Hier sind die Fingerabdrücke zweier Computer, die von https://browserleaks.com/canvas erkannt wurden.

Der Canvas-Fingerabdruck ist nicht eindeutig. Je höher der Eindeutigkeitswert, desto eindeutiger ist der Canvas-Fingerabdruck. Ein hoher Wert bedeutet jedoch nicht unbedingt ein gutes Ergebnis, da dieser Fingerabdruck hauptsächlich mit der Computerhardware, insbesondere dem Grafikkartenmodell, zusammenhängt. Unter normalen Umständen besteht eine gewisse Möglichkeit einer Hardware-Duplikation.

So vermeiden Sie Canvas-Fingerprinting

Sie können Canvas-Fingerprinting mit folgenden Methoden vermeiden:

• Browser-Plug-ins installieren

Der Google App Store bietet Plug-ins, die den Canvas-Fingerabdruck zufällig ändern, wie z. B. Canvas Fingerprint Block. Das Prinzip besteht darin, dass jedes Mal ein zufälliges Rauschen (für das menschliche Auge unsichtbar) in die Leinwand eingefügt wird, wodurch das CRC-Verifizierungsergebnis der Bilddaten beeinflusst wird.

Hier ist die Erkennung durch das Plug-in:

• Hardwarebeschleunigung deaktivieren

Wie bereits erwähnt, hängt die Generierung des Canvas-Fingerabdrucks hauptsächlich von der Hardwarekonfiguration des Computers ab. Daher können wir Unterschiede im Canvas-Fingerabdruck durch spezielle Hardwareeinstellungen ausschließen, um Canvas-Fingerabdruck zu vermeiden.

Gehen Sie beispielsweise in Chrome zu den erweiterten Einstellungen > System, suchen Sie nach „Hardwarebeschleunigung verwenden, falls verfügbar“, deaktivieren Sie diese Option und starten Sie Chrome neu. Auf diese Weise erhalten Sie unabhängig vom verwendeten Computer denselben Canvas-Fingerabdruck.

• Verwenden Sie einen Anti-Erkennungs-Browser

Ein Anti-Erkennungs-Browser bietet separate Browserumgebungen mit einzigartigen Fingerabdrücken. Ähnlich wie bei der ersten Methode verursacht auch die Verwendung eines Anti-Erkennungs-Browsers zur Vermeidung von Fingerabdrücken einige Probleme. Da das Rauschen jedoch im Browserkernel implementiert ist, kann ein Antidetect-Browser den echten Canvas-Fingerabdruck besser verbergen. Er kann sogar verschiedene Canvas-Fingerabdrücke nachahmen, um die Website zu täuschen und ihr vorzutäuschen, dass sie von vielen verschiedenen Benutzern besucht wird.