Jak uniknąć odcisku palca Canvas

Czym jest Canvas?

Canvas to nowy tag dodany do HTML5, używany z odpowiednimi interfejsami API do generowania obrazów i manipulowania ich zawartością w czasie rzeczywistym na stronach internetowych.


Do czego można wykorzystać Canvas?

• Podstawowe rysowanie grafiki (takie jak rysowanie punktów, linii, elips itp.) oraz rysowanie tekstu
• Przekształcanie i kompozycja grafiki (takie jak skalowanie, obracanie, nakładanie itp.)
• Przetwarzanie obrazów i filmów
• Implementacja animacji
• Tworzenie minigier
  
  

Wraz z rozwojem Internetu użytkownicy mają wyższe wymagania wizualne i interaktywne wobec stron internetowych, których nie można spełnić za pomocą tradycyjnego tworzenia front-endów. Dlatego korzystając z potężnej funkcji rysowania Canvas, można uzyskać bogatszą treść wyświetlaną na stronach internetowych, zapewniając użytkownikom lepsze wrażenia wizualne i interaktywne.

Oto przykład:

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

// Pobierz obiekt DOM odpowiadający elementowi canvas

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

// Pobierz obiekt canvasRenderingContent2D, który rysuje na płótnie

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

// Ustaw punkt początkowy rysowania

ctx.moveTo(100, 100);

// Ustaw następny punkt do narysowania

ctx.lineTo(200, 200);

// Ustaw następny punkt do narysowania

ctx.lineTo(400, 100);

//koniec rysowania

ctx.closePath();

//ustaw szerokość linii

ctx.lineWidth = 10;

//ustaw styl rysowanie

ctx.strokeStyle = “red”;

//narysuj linię między punktami

ctx.stroke();

// Ustaw styl wypełnienia

ctx.fillStyle = “green”;

// Wypełnij bieżący widok

ctx.fill();

</script>

Oto, co otrzymasz:

Czym jest odcisk palca Canvas?

Aby zrozumieć odcisk palca Canvas, ważne jest, aby najpierw wyjaśnić, czym jest odcisk palca przeglądarki.

Ogólnie rzecz biorąc, strony internetowe i reklamodawcy potrzebują technologii, która pozwala precyzyjnie docierać do każdej osoby w sieci, aby mogli gromadzić dane o tych osobach, analizować je, a następnie precyzyjniej wyświetlać reklamy i inne kampanie. Na przykład, jakie strony przegląda użytkownik, jakich słów kluczowych szuka, czym się interesuje, w jakie przyciski klika, z jakich funkcji korzysta, jakie produkty ogląda, co dodaje do koszyka itd.

Jednakże wraz ze wzmacnianiem każdej przeglądarki w celu ochrony użytkowników’ Prywatność, przeglądarki nie zapewniają prawidłowej identyfikacji użytkownika witrynom i blokują techniki śledzenia powszechnie stosowane przez witryny, na przykład żądania międzydomenowe nie zawierają już plików cookie, uruchomiony jest tryb incognito itp. Uniemożliwia to identyfikację, czy to ten sam użytkownik, który wykonał dwie oddzielne wizyty, co utrudnia witrynom śledzenie zachowań użytkowników.

W tym miejscu w grę wchodzi odcisk palca przeglądarki. Za pośrednictwem przeglądarki witryna internetowa uzyskuje informacje o typie sprzętu urządzenia użytkownika, systemie operacyjnym, agencie użytkownika, czcionce systemowej, języku, rozdzielczości ekranu, wtyczkach do przeglądarki, rozszerzeniach przeglądarki, ustawieniach przeglądarki, różnicy stref czasowych, lokalizacji geograficznej i wielu innych informacjach, które można nazwać odciskami palca przeglądarki. Jednak te odciski palca są „podobne” do wzrostu, wieku itp. człowieka, a zatem istnieje duże prawdopodobieństwo ich powtórzenia. Nie mogą więc służyć jako unikalny identyfikator osoby.

Zaawansowane odciski palców oparte na HTML5 oferują nowe rozwiązania, z których odciski palców Canvas są jednymi z najczęściej używanych. Jak wspomniano wcześniej, technologia Canval może być używana do rysowania obrazów w czasie rzeczywistym na stronie, ale różne komputery mogą rysować obrazy z subtelnymi różnicami, które zazwyczaj nie są rozpoznawalne przez ludzkie oko. Jednak poprzez obliczenie wygenerowanych danych obrazu można wygenerować wartość odcisku palca, która pozwala na identyfikację różnych użytkowników.

Jak strony internetowe uzyskują odcisk palca Canvas?

Witryna, którą odwiedzamy, ma ukryty obraz canvas na stronie internetowej, narysowany przez API HTML5 Canvas. Jeśli dwóch użytkowników odwiedzi witrynę na tym samym urządzeniu z tym samym systemem operacyjnym i tą samą przeglądarką, obraz canvas będzie dokładnie taki sam; Jeśli zrobią to na dwóch różnych komputerach z różnymi ustawieniami, odciski palców Canvas będą zazwyczaj różne.

Oto odciski palców dwóch komputerów wykryte przez https://browserleaks.com/canvas.

Jak uniknąć odcisku palca Canvas

Możesz uniknąć odcisku palca Canvas, wdrażając następujące metody:

• Zainstaluj wtyczki do przeglądarki

W Google App Store dostępne są wtyczki, które losowo modyfikują odcisk palca płótna, takie jak Canvas Fingerprint Block. Zasada polega na tym, że za każdym razem do obszaru roboczego wstrzykiwany jest losowy szum (niewidoczny dla ludzkiego oka), co wpływa na wynik weryfikacji CRC danych obrazu.

Oto wykrycie przez wtyczkę:

• Wyłącz akcelerację sprzętową

Wspomnieliśmy, że generowanie odcisku palca Canvas zależy głównie od konfiguracji sprzętowej komputera, więc możemy wykluczyć różnice w odcisku palca Canvas, stosując specjalne ustawienia sprzętowe, aby uniknąć generowania odcisku palca Canvas.

Na przykład przejdź do Ustawień zaawansowanych „System” w Chrome, znajdź „Używaj akceleracji sprzętowej, gdy jest dostępna”, wyłącz ją i uruchom ponownie Chrome. W ten sposób przekonasz się, że niezależnie od używanego komputera, otrzymasz ten sam odcisk palca Canvas.

• Użyj przeglądarki z funkcją antywykrywania

Przeglądarka z funkcją antywykrywania zapewnia oddzielne środowiska przeglądania z unikalnymi odciskami palców. Podobnie jak w przypadku pierwszej metody, zasada korzystania z przeglądarki antywykrywalnej w celu uniknięcia odcisku palca również generuje pewien szum na płótnie. Ponieważ jednak szum jest zaimplementowany w jądrze przeglądarki, przeglądarka antywykrywalna lepiej ukrywa prawdziwy odcisk palca Canvas. Może nawet naśladować różne odciski palców Canvas, aby „oszukać” witrynę i sprawić, by uwierzyła, że odwiedza ją wielu różnych użytkowników.