Comment éviter les empreintes digitales sur Canvas

Qu'est-ce que Canvas ?

Canvas est une nouvelle balise ajoutée au HTML5, utilisée avec API correspondantes pour générer des images et manipuler le contenu des images en temps réel sur les pages Web.

À quoi peut servir Canvas ?

• Dessin de graphiques de base (tels que le dessin de points, de lignes, d'ellipses, etc.) et dessin de texte

• Transformation et composition de graphiques (tels que la mise à l'échelle, la rotation, la superposition, etc.)

• Traitement des images et des vidéos

• Implémentation de l'animation

• Création de mini-jeux

Avec le développement d'Internet, les utilisateurs ont des exigences visuelles et interactives plus élevées pour les pages Web, qui ne peuvent pas être satisfaites par le développement frontal Web traditionnel. Par conséquent, en utilisant la puissante capacité de dessin de Canvas, vous pouvez obtenir un contenu plus riche affiché sur les pages Web, transmettant de meilleures expériences visuelles et interactives aux utilisateurs.

Voici un exemple :

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

// Obtenir l'objet DOM correspondant à l'élément canvas

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

// Obtenir l'objet canvasRenderingContent2D qui dessine sur le canevas

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

// Définir le point de départ du dessin

ctx.moveTo(100, 100);

// définir le point suivant à dessiner

ctx.lineTo(200, 200);

// définir le point suivant à dessiner

ctx.lineTo(400, 100);

//fin du dessin

ctx.closePath();

// définir la largeur de la ligne

ctx.lineWidth = 10;

// définir le style du dessin

ctx.strokeStyle = “red”;

//tracer la ligne entre les points

ctx.stroke();

// Définir le style de remplissage

ctx.fillStyle = “green”;

// Remplir la vue actuelle

ctx.fill();

</script>

Voici ce que vous obtenez :

Qu'est-ce que l'empreinte digitale Canvas ?

Pour comprendre l'empreinte digitale de Canvas, il est important d'expliquer d'abord ce qu'est l'empreinte digitale du navigateur.

Cependant, avec le renforcement de chaque navigateur pour protéger la confidentialité des utilisateurs, les navigateurs ne fournissent pas d'identification d'utilisateur valide aux sites Web et bloquent les techniques de suivi couramment utilisées par les sites Web, par exemple, les requêtes inter-domaines ne contiennent plus de cookies, le mode navigation privée lancé, etc... Cela rend impossible d'identifier s'il s'agit du même utilisateur qui effectue deux visites séparément, ce qui rend difficile pour les sites Web de suivre le comportement des utilisateurs.

C'est là qu'entre en jeu l'empreinte digitale du navigateur. Grâce au navigateur, le site web obtient des informations sur le type de matériel de l'appareil de l'utilisateur, son système d'exploitation, son agent utilisateur, sa police système, sa langue, sa résolution d'écran, ses plug-ins, ses extensions, ses paramètres, le décalage horaire, sa localisation géographique et bien d'autres informations, appelées empreintes digitales du navigateur. Cependant, ces empreintes sont similaires à la taille, à l'âge, etc., ce qui entraîne une forte probabilité de répétition. Ils ne peuvent donc pas servir d'identifiant unique d'une personne.

Empreinte digitale avancée basée sur HTML5 fournit de nouvelles solutions, dont l'empreinte digitale Canvas est l'une des plus couramment utilisées. Comme mentionné précédemment, la technologie Canval peut être utilisée pour dessiner des images en temps réel sur une page, mais différents ordinateurs peuvent dessiner des images avec des différences subtiles, qui ne sont généralement pas reconnaissables à l'œil humain, mais en calculant les données d'image générées, une valeur d'empreinte digitale peut être générée pour identifier différents utilisateurs.

Comment les sites web obtiennent-ils une empreinte Canvas ?

Le site web que nous visitons a une image canvas cachée sur la page web dessinée par l'API HTML5 Canvas. Si deux utilisateurs visitent le site web sur le même appareil avec le même système d'exploitation et le même navigateur, l'image Canvas sera exactement la même ; s'ils le font sur deux ordinateurs différents avec des paramètres différents, les empreintes Canvas seront généralement différentes.

Voici les empreintes de deux ordinateurs détectés par https://browserleaks.com/canvas.

L'empreinte Canvas n'est pas unique. Plus la valeur d'unicité est élevée, plus l'empreinte Canvas est unique. Cependant, une valeur élevée ne garantit pas nécessairement un bon résultat, car cette empreinte est principalement liée au matériel informatique, notamment au modèle de carte graphique. Dans des circonstances normales, il existe un certain risque de duplication matérielle.

Comment éviter l'empreinte digitale de Canvas

Vous pouvez éviter l'empreinte digitale de Canvas en déployant ces méthodes :

• Installer des plug-ins de navigateur

Google App Store propose des plug-ins qui modifier aléatoirement l'empreinte digitale du canevas, comme le Bloc d'empreinte digitale du canevas. Le principe est qu'à chaque fois un bruit aléatoire (invisible à l'œil humain) est injecté dans le canevas, affectant ainsi le résultat de la vérification CRC des données de l'image.

Voici la détection par le plug-in :

• Désactiver l'accélération matérielle

Nous avons mentionné que la génération d'empreintes Canvas dépend principalement de la configuration matérielle de l'ordinateur. Nous pouvons donc exclure les différences dans l'empreinte Canvas en utilisant des paramètres matériels spéciaux pour éviter la prise d'empreintes Canvas.

Par exemple, accédez à Paramètres avancés → Système dans Chrome, recherchez « Utiliser l'accélération matérielle lorsqu'elle est disponible », désactivez-la et redémarrez Chrome. De cette façon, vous constaterez que quel que soit l'ordinateur que vous utilisez, vous obtiendrez la même empreinte Canvas.

• Utiliser un navigateur anti-détection

Un navigateur anti-détection fournit des environnements de navigation distincts avec des empreintes digitales uniques. Similairement à la première méthode, le principe d'utilisation d'un navigateur anti-détection pour éviter les empreintes digitales fait également du bruit sur le canevas. Mais comme le bruit est implémenté dans le noyau du navigateur, un navigateur antidétection est plus efficace pour masquer la véritable empreinte Canvas. Il peut même imiter différentes empreintes Canvas pour « tromper » le site Web en lui faisant croire que de nombreux utilisateurs différents le visitent.