Hi 觀眾姥爺們大家好！我是小滿今天帶來canvas指紋技術(shù)

技術(shù)場景（常用于廣告聯(lián)盟）例如你在某個(gè)網(wǎng)站上看到某個(gè)商品沒有登錄過賬號(hào)信息，過兩天用同臺(tái)電腦訪問其他網(wǎng)站的時(shí)候卻發(fā)現(xiàn)很多同類商品的廣告。

在過去我們可能使用cookie去追蹤用戶信息，不過弊端也很明顯cookie可以被用戶禁止掉，從而無法追蹤，并且無法跨域訪問。

或者就是瀏覽器指紋（navigator）

userAgent(用戶代理)

language（瀏覽器的語言）

platform（操作系統(tǒng)）

這些指紋不能對(duì)某個(gè)人進(jìn)行唯一性標(biāo)識(shí)，也無法對(duì)客戶端進(jìn)行唯一性判定，基于HTML5的諸多高級(jí)指紋對(duì)此提供了新思路

canvas指紋

canvas相信我們大家都用過，例如繪制一些圖形，游戲等等，都會(huì)用到。它也可以用來跟蹤用戶當(dāng)我們調(diào)用toDataURL轉(zhuǎn)換base64，他底層會(huì)獲取設(shè)備，操作系統(tǒng)，瀏覽器，三合一的唯一標(biāo)識(shí)，如果其他用戶使用的這三個(gè)信息和你一樣的話也是重復(fù)這個(gè)概率是很低的也不排除有可能。

生成canvas指紋

生成的Base64（google）

生成的Base64（360瀏覽器）

每個(gè)瀏覽器的信息不用生成的base64串也不同但是圖片是一樣的

如果太長可以進(jìn)行MD5 壓縮 或者?crypto

如何防止跟蹤

安裝瀏覽器插件，谷歌應(yīng)用商店有隨機(jī)修改canvas指紋的插件（CanvasFingerprintBlock），其原理是，每次隨機(jī)往 canvas 畫布里面注入一個(gè)隨機(jī)的噪音（人肉眼是看不到的），從而影響base64加密結(jié)果