Hoe Canvas-vingerafdrukken te vermijden

Wat is Canvas?

Canvas is een nieuwe tag die is toegevoegd aan HTML5 en die met bijbehorende API's wordt gebruikt om afbeeldingen te genereren en de inhoud van afbeeldingen in realtime op webpagina's te bewerken.


Waarvoor kan Canvas worden gebruikt?

• Basis grafische tekentechnieken (zoals het tekenen van punten, lijnen, ellipsen, enz.) en het tekenen van tekst
• Transformatie en compositie van graphics (zoals schalen, roteren, overlay, enz.)
• Verwerking van afbeeldingen en video's
• Implementatie van animaties
• Creëren van minigames
  
  

Met de ontwikkeling van internet stellen gebruikers hogere visuele en interactieve eisen aan webpagina's, waaraan traditionele websites niet kunnen voldoen Front-end ontwikkeling. Met de krachtige tekenfunctie van Canvas kunt u rijkere content op webpagina's weergeven, wat gebruikers een betere visuele en interactieve ervaring biedt.

Hier is een voorbeeld:

<script type=“text/javascript”>   ; & nbsp;

// Haal het DOM-object op dat overeenkomt met het canvas-element

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

// Haal het canvasRenderingContent2D-object op dat op het canvas tekent

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

// Stel het startpunt in voor tekenen

ctx.moveTo(100, 100);

// stel het volgende te tekenen punt in

ctx.lineTo(200, 200);

// stel het volgende te tekenen punt in

ctx.lineTo(400, 100);

//tekening beëindigen

ctx.closePath();

// de lijnbreedte instellen

ctx.lineWidth = 10;

// de stijl van de tekening instellen

ctx.strokeStyle = “red”;

// teken de lijn tussen de punten

ctx.stroke();

// stel de vulstijl in

ctx.fillStyle = “green”;

// vul de huidige weergave

ctx.fill();

</script>

Dit krijg je:

Wat is Canvas-fingerprinting?

Om Canvas-fingerprinting te begrijpen, is het belangrijk om eerst uit te leggen wat browser-fingerprinting is.

Over het algemeen willen websites of adverteerders een technologie die elke persoon op het web nauwkeurig kan targeten, zodat ze gegevens over die personen kunnen verzamelen, analyseren en vervolgens advertenties en andere campagnes gerichter kunnen pushen. Bijvoorbeeld welke pagina's een gebruiker bezoekt, welke zoekwoorden hij of zij gebruikt, waar hij of zij in geïnteresseerd is, op welke knoppen hij of zij klikt, welke functies hij of zij gebruikt, welke producten hij of zij bekijkt, wat hij of zij aan zijn of haar winkelwagentje toevoegt, enz.

Doordat elke browser steeds strenger wordt om de privacy van gebruikers te beschermen, bieden browsers echter geen geldige gebruikersidentificatie aan websites en blokkeren ze de trackingtechnieken die vaak door websites worden gebruikt. Zo worden cross-domeinverzoeken niet langer voorzien van cookies, wordt de incognitomodus geactiveerd, enz. Dit maakt het onmogelijk om te identificeren of het dezelfde gebruiker is die twee bezoeken afzonderlijk voltooit, waardoor het voor websites moeilijk wordt om gebruikersgedrag te volgen.

Dit is waar browser fingerprinting om de hoek komt kijken. Via de browser verkrijgt de website informatie over het hardwaretype, het besturingssysteem, de user agent, het systeemlettertype, de taal, de schermresolutie, browserplug-ins, browserextensies, browserinstellingen, tijdzoneverschillen, geografische locatie en vele andere informatie van het apparaat van de gebruiker. Deze informatie kan browserfingerprints worden genoemd. Deze vingerafdrukken zijn echter "vergelijkbaar" met de lengte, leeftijd, enz. van mensen, waardoor de kans op herhaling groot is. Ze kunnen dus niet dienen als unieke identificatie van een persoon.

Geavanceerde HTML5-fingerprinting biedt nieuwe oplossingen, waarvan Canvas-fingerprinting een van de meest gebruikte is. Zoals eerder vermeld, kan Canval-technologie worden gebruikt om afbeeldingen in realtime op een pagina te tekenen. Verschillende computers kunnen echter afbeeldingen met subtiele verschillen tekenen, die meestal niet herkenbaar zijn voor het menselijk oog. Door de gegenereerde beeldgegevens te berekenen, kan echter een vingerafdrukwaarde worden gegenereerd om verschillende gebruikers te identificeren.

Hoe krijgen websites een Canvas-vingerafdruk?

De website die we bezoeken, heeft een verborgen canvasafbeelding op de webpagina getekend door de HTML5 Canvas API. Als twee gebruikers de website bezoeken op hetzelfde apparaat met hetzelfde besturingssysteem en dezelfde browser, zal de Canvas-afbeelding exact hetzelfde zijn; Als ze dit op twee verschillende computers met verschillende instellingen doen, zullen de Canvas-vingerafdrukken over het algemeen anders zijn.

Hier zijn de vingerafdrukken van twee computers gedetecteerd door https://browserleaks.com/canvas.

De Canvas-vingerafdruk is niet uniek. Hoe hoger de uniciteitswaarde, hoe unieker de Canvas-vingerafdruk is. Maar een hoge waarde betekent niet per se een goed resultaat, omdat deze vingerafdruk voornamelijk verband houdt met de computerhardware, met name het model van de grafische kaart. Onder normale omstandigheden bestaat er een zekere kans op hardwareduplicatie.

Hoe Canvas-vingerafdruk te vermijden

Je kunt Canvas-vingerafdruk vermijden door deze methoden te gebruiken:

• Browserplug-ins installeren

De Google App Store heeft plug-ins die de canvasvingerafdruk willekeurig aanpassen, zoals Canvas Fingerprint Block. Het principe is dat er elke keer een willekeurige ruis (onzichtbaar voor het menselijk oog) in het canvas wordt geïnjecteerd, waardoor het CRC-verificatieresultaat van de beeldgegevens wordt beïnvloed.

Dit is de detectie door de plug-in:

• Hardwareversnelling uitschakelen

We hebben al aangegeven dat het genereren van Canvas-vingerafdrukken voornamelijk afhankelijk is van de hardwareconfiguratie van de computer. We kunnen daarom verschillen in de Canvas-vingerafdrukken uitsluiten door speciale hardware-instellingen te gebruiken om Canvas-vingerafdrukken te voorkomen.

Ga bijvoorbeeld naar Geavanceerde instellingen → Systeem in Chrome, zoek naar “Hardwareversnelling gebruiken indien beschikbaar”, schakel deze optie uit en start Chrome opnieuw op. Zo zul je merken dat je, ongeacht welke computer je gebruikt, dezelfde Canvas-vingerafdruk krijgt.

• Gebruik een antidetect-browser

Een antidetect-browser biedt aparte browseromgevingen met unieke vingerafdrukken. Net als bij de eerste methode is het principe van het gebruik van een antidetect-browser om vingerafdrukken te voorkomen, ook het maken van wat ruis op het canvas. Maar omdat de ruis in de browserkernel is geïmplementeerd, presteert een antidetect-browser beter in het verbergen van de echte Canvas-vingerafdruk. Het kan zelfs verschillende Canvas-vingerafdrukken nabootsen om de website te misleiden en te laten denken dat er veel verschillende gebruikers zijn.