其实谷歌浏览器canvas追踪的问题并不复杂，但是又很多的朋友都不太了解谷歌浏览器定位插件，因此呢，今天小编就来为大家分享谷歌浏览器canvas追踪的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

本文目录

1. Canvas指纹技术原理
2. 哪些浏览器支持canvas
3. 如何判断浏览器是否支持HTML5 Canvas
4. 移动端浏览器webgl与canvas2D渲染的效率比较如何

一、Canvas指纹技术原理

canvas是一种在网页上绘制2D和动画的技术。

通过html5的canvas接口，在网页上绘制一个隐藏的画布图像。在不同操作系统、不同浏览器上，产生的图片内容不完全相同（我们肉眼是无法区分的）。在图片格式上，不同浏览器使用了不同的图形处理引擎、不同的图片导出选项、不同的默认压缩级别等。在像素级别来看，操作系统各自使用了不同的设置和算法来进行抗锯齿和子像素渲染操作。即使相同的绘图操作，产生的图片数据的CRC检验也不相同。

计算机程序通过计算这张图片数据的哈希值，能够识别不同硬件设备渲染结果的细微区别。通过这种方式，技术上就能够通过计算用户设备的canvas指纹来标识用户。

值得注意的是，如果用户的设备，操作系统，浏览器都一样的话，计算出来的canvas指纹是一样的。换句话说：canvas指纹不具备唯一性，要和其他的浏览器指纹相互结合利用来进一步计算出区分度更高的指纹标识。

在线检测地址：

随着谷歌浏览器宣布为了保护用户的隐私，跨域请求不在携带cookies。浏览器指纹技术成为追踪用户的热门技术，那有没有办法隐藏我们的canvas指纹呢？

1.安装浏览器插件，谷歌应用商店有随机修改canvas指纹的插件（ CanvasFingerprintBlock），其原理是，每次随机往canvas画布里面注入一个随机的噪音（人肉眼是看不到的），从而影响图片数据的CRC校验结果。

2.类似 LoginBox, multilogin 这样的指纹仿关联软件，其原理是：为每个浏览器窗口环境单独分配指纹数据，和第1种方式一样，也是往canvas画布里面注入一个随机的噪音，只是这个噪音是固定的。

canvas指纹通常和webgl等其他指纹结合利用。

二、哪些浏览器支持canvas

Canvas支持以下浏览器的最新和先前的主要版本：

Firefox56、57（不支持延伸版本）

Flash26、27（用于录制或浏览音频/视频并上传文件）

Internet Explorer11和Edge40和41（仅Windows——请确认您的操作系统是Canvas计算机技术参数课程中标识的最新版本；您可能需要下载Windows 10周年更新才能提交Canvas作业）

Respondus LockDown浏览器（支持最新的系统要求）

三、如何判断浏览器是否支持HTML5 Canvas

1、HTML5 Canvas的确是一个好东西，但是并不是所有浏览器都支持HTML5 Canvas的，这就要求我们在使用HTML5 Canvas前要检查浏览器是否支持这玩意儿。在创建HTML5 canvas元素之前，首先要确保浏览器能够支持它。如果不支持，你就要为那些古董级浏览器提供一些替代文字。下面的代码就是检测浏览器支持情况的一种方法。try{

2、document.createElement("canvas").getContext("2d");

3、document.getElementById("support").innerHTML="HTML5 Canvas is supported in your browser.";

4、}上面的代码试图创建一个canvas对象，并且获取其上下文。如果发生错误，则可以捕获错误，进而得知该浏览器不支持canvas。页面中预先放入了ID为support的元素，通过以适当的信息更新该元素的内容，可以反映出浏览器的支持情况。以上示例代码能判断浏览器是否支持canvas元素，但不会判断具体支持canvas的哪些特性。这个时候，示例中使用的API已经很稳定并且各浏览器也都提供了很好的支持，所以通常不必担心这个问题。此外，希望开发人员能够像如上代码一样为canvas元素提供备用显示内容。

四、移动端浏览器webgl与canvas2D渲染的效率比较如何

如果浏览器也使用3D API（如OGL或D3D）实现2D Canvas的话，那么“JS操纵WebGL”代码效率不可能胜过浏览器的“C++操纵3D API”。

就Windows平台本机程序而言（浏览器就是本机程序），实现绘图主要是GDI（以前常用，现在很少用），GDI+（现在较多），D3D/OGL（现在很多）；GDI+功能很强，但效率糟透，因为它是纯软件算法（用CPU在内存里作图），关注效率的绘图程序不太常用。

所以推测浏览器使用D3D/OGL实现绘图的可能最大（更不用说CSS3的3D变换），如第二段分析，代码不可能胜过浏览器的，因为代码访问过的底层功能，浏览器也访问过，但代码还需要浏览器这一层附加处理。

移动浏览器，也叫做微型浏览器、迷你浏览器或无线互联网浏览器，是为用于移动设备如移动电话或PDA设计的网页浏览器。移动浏览器为在手持设备的小型屏幕显示网页内容做了优化。移动浏览器软件必须很小并且高效以适应无线手持设备的低内存与低带宽。典型情况下，它们是简化了的网页浏览器，但到2006年，移动浏览器可以处理更多的最新技术如CSS 2.1、JavaScript及Ajax。专门为这些浏览器设计的网站被称为无线门户。

文章到此结束，如果本次分享的谷歌浏览器canvas追踪和谷歌浏览器定位插件的问题解决了您的问题，那么我们由衷的感到高兴！