Cum să eviți amprentarea pe Canvas

Ce este Canvas

Canvas este o etichetă nouă adăugată în HTML5, utilizată împreună cu API-urile corespunzătoare pentru a genera imagini și a manipula conținutul imaginilor în timp real pe paginile web.


La ce poate fi folosit Canvas

• Desen grafic de bază (cum ar fi desenarea punctelor, liniilor, elipselor etc.) și desenarea textului
• Transformarea și compoziția graficii (cum ar fi scalarea, rotația, suprapunerea etc.)
• Prelucrarea imaginilor și videoclipurilor
• Implementarea animației
• Crearea de mini-jocuri
  
  

Odată cu dezvoltarea internetului, utilizatorii au cerințe vizuale și interactive mai mari pentru paginile web, care nu pot fi satisfăcute de dezvoltarea tradițională de front-end web. Prin urmare, utilizând puternica capacitate de desenare Canvas, puteți obține un conținut mai bogat afișat pe paginile web, oferind utilizatorilor experiențe vizuale și interactive mai bune.

Iată un exemplu:

<script type=„text/javascript”>

// Obține obiectul DOM corespunzător elementului canvas

var canvas_xy = document.getElementById("canvas_xy");

// Obține obiectul canvasRenderingContent2D care desenează pe pânză

var ctx = canvas_xy.getContext("2d");

// Setează punctul de pornire pentru desenare

// Setează punctul de pornire pentru desenare

ctx.moveTo(100, 100);

// setează următorul punct de desenat

ctx.lineTo(200, 200);

// setează următorul punct de desenat

ctx.lineTo(400, 100);

//termină desenarea

//termină desenarea

ctx.closePath();

// setează lățimea liniei

ctx.lineWidth = 10;

// setează stilul desenului

ctx.strokeStyle = „red”;

// trasează linia dintre puncte

ctx.stroke();

// Setează stilul de umplere

ctx.fillStyle = „green”;

// Umple vizualizarea curentă

ctx.fill();

</script>

Iată ce obțineți:

Ce este amprentarea digitală Canvas?

Pentru a înțelege amprentarea Canvas, este important să explicăm mai întâi ce este amprentarea browserului.

În general, site-urile web sau agenții de publicitate își doresc o tehnologie care să poată viza cu precizie fiecare individ de pe web, astfel încât să poată colecta date despre acele persoane, să le analizeze și apoi să difuzeze reclame și alte campanii mai precis. De exemplu, ce pagini navighează un utilizator, ce cuvinte cheie caută, ce îl interesează, pe ce butoane face clic, ce funcții utilizează, ce produse consultă, ce adaugă în coșul de cumpărături etc.

Cu toate acestea, odată cu consolidarea fiecărui browser pentru a proteja utilizatorii Confidențialitatea, browserele nu oferă o identificare validă a utilizatorului site-urilor web și blochează tehnicile de urmărire utilizate în mod obișnuit de site-uri web, de exemplu, solicitările între domenii nu mai conțin cookie-uri, modul incognito este lansat etc. Acest lucru face imposibilă identificarea dacă este același utilizator care efectuează două vizite separat, ceea ce îngreunează urmărirea comportamentului utilizatorului de către site-uri web.

Aici intervine amprentarea browserului. Prin intermediul browserului, site-ul web obține informații despre tipul de hardware al dispozitivului utilizatorului, sistemul de operare, agentul utilizator, fontul sistemului, limba, rezoluția ecranului, pluginurile browserului, extensiile browserului, setările browserului, diferența de fus orar, locația geografică și multe alte informații, care pot fi numite amprente ale browserului. Cu toate acestea, aceste amprente sunt „similare” cu înălțimea, vârsta etc. a unei persoane și, prin urmare, există o probabilitate mare de repetare. Deci nu pot servi drept identificator unic al unei persoane.

Amprentarea avansată bazată pe HTML5 oferă noi soluții, dintre care amprentarea Canvas este una dintre cele mai frecvent utilizate. Așa cum am menționat anterior, tehnologia Canval poate fi utilizată pentru a desena imagini în timp real pe o pagină, dar diferite computere pot desena imagini cu diferențe subtile, care de obicei nu sunt recunoscute de ochiul uman, dar prin calcularea datelor de imagine generate, se poate genera o valoare a amprentei digitale pentru a identifica diferiți utilizatori.

Cum obțin site-urile web o amprentă Canvas?

Site-ul web pe care îl vizităm are o imagine canvas ascunsă pe pagina web, desenată de API-ul HTML5 Canvas. Dacă doi utilizatori vizitează site-ul web pe același dispozitiv, cu același sistem de operare și browser, imaginea Canvas va fi exact aceeași; Dacă fac acest lucru pe două computere diferite cu setări diferite, amprentele Canvas vor fi în general diferite.

Iată amprentele a două computere detectate de https://browserleaks.com/canvas.

Amprenta digitală Canvas nu este unică. Cu cât valoarea unicității este mai mare, cu atât amprenta digitală Canvas este mai unică. Însă o valoare mare nu înseamnă neapărat un rezultat bun, deoarece această amprentă este legată în principal de componentele hardware ale computerului, în special de modelul plăcii grafice. În circumstanțe normale, există o anumită posibilitate de duplicare a hardware-ului.

Cum să evitați amprentarea Canvas

Puteți evita amprentarea Canvas implementând aceste metode:

• Instalați pluginuri de browser

Google App Store are pluginuri care modifică aleatoriu amprenta digitală Canvas, cum ar fi Canvas Fingerprint Block. Principiul este că de fiecare dată se injectează în pânză un zgomot aleatoriu (invizibil ochiului uman), afectând astfel rezultatul verificării CRC a datelor imaginii.

Iată detectarea de către plugin:

• Dezactivați accelerarea hardware

Am menționat că generarea amprentei Canvas depinde în principal de configurația hardware a computerului, așa că putem exclude diferențele în amprenta Canvas utilizând setări hardware speciale pentru a evita amprentarea Canvas.

De exemplu, accesați Setări avansate → Sistem în Chrome, găsiți „Utilizați accelerarea hardware atunci când este disponibilă”, dezactivați-o și reporniți Chrome. În acest fel, veți constata că, indiferent de computerul pe care îl utilizați, veți obține aceeași amprentă Canvas.

• Utilizați un browser antidetect

Un browser antidetect oferă medii de navigare separate cu amprente digitale unice. Similar primei metode, principiul utilizării unui browser antidetect pentru a evita amprenta digitală produce și un anumit zgomot pe pânză. Dar, deoarece zgomotul este implementat în kernelul browserului, un browser antidetect are performanțe mai bune la ascunderea amprentei digitale reale din pânză. Poate chiar imita diferite amprente Canvas pentru a „păcăli” site-ul web să creadă că îl vizitează mai mulți utilizatori diferiți.