前言 : 一般情況下，網站或者廣告聯盟都會非常想要一種技術方式可以在網絡上精確定位到每一個個體，這樣可以通過收集這些個體的數據，通過分析后更加精準的去推送廣告（精準化營銷）或其他有針對性的一些活動。 Cookie技術是非常受歡迎的一種。當用戶訪問一個網站時，網站可以在用戶當前的瀏覽器Cookie中永久植入一個含有唯一標示符（UUID）的信息，并通過這個信息將用戶所有行為（瀏覽了哪些頁面？搜索了哪些關鍵字？對什么感興趣？點了哪些按鈕？用了哪些功能？看了哪些商品？把哪些放入了購物車等等）關聯起來。 但是Cookie可以偽裝，在瀏覽器隱私窗口，不同用戶，甚至是爬蟲時無法區分。 而"帆布指紋識別”技術可以一定程度避免以上的缺點。 # **先看看瀏覽器中navigator的內容**  里面包含了大量信息，但是都無法對客戶端做唯一的判定，所以基于H5canvas新出了canvas指紋追蹤技術，它的底層會獲取設備、操作系統、瀏覽器三合一唯一的標識，如果其他用戶與你的這三個信息重復的概率就非常低了 **生成canvas指紋** ``` <script> const uuid = () => { const canvas = document.createElement("canvas");//畫布 const cts = canvas.getContext('2d');//2d const txt = "test";//文字 cts.fillText(txt, 10, 10);//傳入文字 console.log(canvas.toDataURL());//導出base64格式 } uuid(); </script> ``` 結果：  打開后，分別到谷歌和edge瀏覽器中，每個瀏覽器生成的base64碼都是不一樣的，得到的內容是一樣的，但是包含的信息是不一樣的，三個標識都會保存在這個碼中  chrome瀏覽器如果防止被跟蹤：安裝瀏覽器插件，谷歌應用商店中找到CanvasFingerprintBlock安裝即可，原理是：每次都會往canvas中隨機注入的噪音（肉眼無法看到），從而影響base64的加密結果