网络安全之Canvas指纹追踪技术

1. 技术场景

（常用于广告联盟）例如你在某个网站上看到某个商品没有登录过账号信息，过两天用同台电脑访问其他网站的时候却发现很多同类商品的广告。

假设一家电商公司想要推广其新上市的智能手表产品，并希望通过在线广告来吸引潜在客户。该公司可以使用Canvas指纹追踪技术来跟踪用户的兴趣和行为，以更好地定位目标受众。

首先，该公司可以在其网站上放置一个Canvas元素，并使用JavaScript代码在Canvas上绘制一些图形，如手表的图片和品牌标识等。然后，将Canvas元素的像素数据转换为一个唯一的标识符，这个标识符可以用于识别用户的浏览器和设备。

接下来，该公司可以在各种在线广告平台上发布广告，并使用Canvas指纹追踪技术来跟踪用户的兴趣和行为。例如，当用户点击广告并访问该公司的网站时，该公司可以收集用户的Canvas指纹信息，并将其与其他数据（如用户的地理位置、浏览历史和购买行为等）结合起来，以更好地了解用户的兴趣和行为。

最后，该公司可以使用这些数据来优化其广告投放策略，例如在特定的网站、社交媒体平台或搜索引擎上投放广告，以吸引更多的潜在客户。此外，该公司还可以使用Canvas指纹追踪技术来评估广告效果，并根据数据来调整其广告投放策略，以提高转化率和ROI。

在过去我们可能使用

• cookie去追踪用户信息，不过弊端也很明显cookie可以被用户禁止掉，从而无法追踪，并且无法跨域访问。
• 浏览器指纹（navigator）userAgent(用户代理)

这些指纹不能对某个人进行唯一性标识，也无法对客户端进行唯一性判定，基于HTML5的诸多高级指纹对此提供了新思路

→点击获取网络安全资料·攻略←

200多本网络安全系列电子书
网络安全标准题库资料
项目源码
网络安全基础入门、Linux、web安全、攻防方面的视频
网络安全学习路线图

2. canvas指纹追踪

Canvas指纹追踪技术是一种利用HTML5 Canvas元素生成的图像来识别用户的唯一标识符的技术。它可以通过收集用户浏览器中的Canvas指纹信息来跟踪用户的在线活动，包括他们的浏览历史、兴趣爱好和购买行为等。

Canvas指纹追踪技术的实现原理是通过在用户的浏览器中生成一个Canvas元素，并使用JavaScript代码在Canvas上绘制一些图形，如文本、线条和形状等。然后，将Canvas元素的像素数据转换为一个唯一的标识符，这个标识符可以用于识别用户的浏览器和设备。

它也可以用来跟踪用户当我们调用toDataURL转换base64，他底层会获取设备，操作系统，浏览器，三合一的唯一标识，如果其他用户使用的这三个信息和你一样的话也是重复这个概率是很低的也不排除有可能。

const uuid = () => {
        // 创建一个Canvas元素
        var canvas = document.createElement('canvas')
        var ctx = canvas.getContext('2d')

        // 在Canvas上绘制一些图形
        ctx.fillStyle = '#f00'
        ctx.fillRect(0, 0, 100, 100)
        ctx.fillStyle = '#0f0'
        ctx.fillRect(100, 0, 100, 100)
        ctx.fillStyle = '#00f'
        ctx.fillRect(0, 100, 100, 100)
        ctx.fillStyle = '#ff0'
        ctx.fillRect(100, 100, 100, 100)

        // 将Canvas元素的像素数据转换为一个唯一的标识符
        var canvasData = canvas.toDataURL()
        var fingerprint = canvasData.replace(/^data:image\/(png|jpg);base64,/, '')
        // 将唯一标识符发送到服务器进行跟踪
        // sendFingerprintToServer(fingerprint)
}

uuid()

我们首先创建了一个Canvas元素，并使用getContext()方法获取了一个2D绘图上下文。

然后，我们在Canvas上绘制了四个不同颜色的矩形。 接下来，我们使用toDataURL()方法将Canvas元素的像素数据转换为一个Base64编码的字符串，并将其作为唯一标识符发送到服务器进行跟踪。

在实际应用中，我们可以将唯一标识符与其他数据一起发送到服务器，例如用户的IP地址、浏览器版本和操作系统等。不同浏览器生成的不同。

---

3. 如何禁用

由于Canvas指纹追踪技术不需要使用cookie或其他标准的浏览器标识符，因此它可以在用户禁用cookie或使用隐身模式的情况下进行跟踪。这使得它成为一种非常难以检测和防止的追踪技术。

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

为了保护用户隐私，一些浏览器和浏览器插件已经开始阻止Canvas指纹追踪技术。此外，一些网站也开始采取措施来限制或防止使用Canvas指纹追踪技术。

---

题外话

初入计算机行业的人或者大学计算机相关专业毕业生，很多因缺少实战经验，就业处处碰壁。下面我们来看两组数据：

• 2023届全国高校毕业生预计达到1158万人，就业形势严峻；

• 国家网络安全宣传周公布的数据显示，到2027年我国网络安全人员缺口将达327万。

一方面是每年应届毕业生就业形势严峻，一方面是网络安全人才百万缺口。

6月9日，麦可思研究2023年版就业蓝皮书（包括《2023年中国本科生就业报告》《2023年中国高职生就业报告》）正式发布。

2022届大学毕业生月收入较高的前10个专业

本科计算机类、高职自动化类专业月收入较高。2022届本科计算机类、高职自动化类专业月收入分别为6863元、5339元。其中，本科计算机类专业起薪与2021届基本持平，高职自动化类月收入增长明显，2022届反超铁道运输类专业（5295元）排在第一位。

具体看专业，2022届本科月收入较高的专业是信息安全（7579元）。对比2018届，电子科学与技术、自动化等与人工智能相关的本科专业表现不俗，较五年前起薪涨幅均达到了19%。数据科学与大数据技术虽是近年新增专业但表现亮眼，已跻身2022届本科毕业生毕业半年后月收入较高专业前三。五年前唯一进入本科高薪榜前10的人文社科类专业——法语已退出前10之列。

“没有网络安全就没有国家安全”。当前，网络安全已被提升到国家战略的高度，成为影响国家安全、社会稳定至关重要的因素之一。

网络安全行业特点

1、就业薪资非常高，涨薪快 2021年猎聘网发布网络安全行业就业薪资行业最高人均33.77万！

2、人才缺口大，就业机会多

2019年9月18日《中华人民共和国中央人民政府》官方网站发表：我国网络空间安全人才 需求140万人，而全国各大学校每年培养的人员不到1.5W人。猎聘网《2021年上半年网络安全报告》预测2027年网安人才需求300W，现在从事网络安全行业的从业人员只有10W人。

行业发展空间大，岗位非常多

网络安全行业产业以来，随即新增加了几十个网络安全行业岗位︰网络安全专家、网络安全分析师、安全咨询师、网络安全工程师、安全架构师、安全运维工程师、渗透工程师、信息安全管理员、数据安全工程师、网络安全运营工程师、网络安全应急响应工程师、数据鉴定师、网络安全产品经理、网络安全服务工程师、网络安全培训师、网络安全审计员、威胁情报分析工程师、灾难恢复专业人员、实战攻防专业人员…

职业增值潜力大

网络安全专业具有很强的技术特性，尤其是掌握工作中的核心网络架构、安全技术，在职业发展上具有不可替代的竞争优势。

随着个人能力的不断提升，所从事工作的职业价值也会随着自身经验的丰富以及项目运作的成熟，升值空间一路看涨，这也是为什么受大家欢迎的主要原因。

从某种程度来讲，在网络安全领域，跟医生职业一样，越老越吃香，因为技术愈加成熟，自然工作会受到重视，升职加薪则是水到渠成之事。

黑客&网络安全如何学习

今天只要你给我的文章点赞，我私藏的网安学习资料一样免费共享给你们，来看看有哪些东西。

1.学习路线图

攻击和防守要学的东西也不少，具体要学的东西我都写在了上面的路线图，如果你能学完它们，你去就业和接私活完全没有问题。

2.视频教程

网上虽然也有很多的学习资源，但基本上都残缺不全的，这是我自己录的网安视频教程，上面路线图的每一个知识点，我都有配套的视频讲解。

内容涵盖了网络安全法学习、网络安全运营等保测评、渗透测试基础、漏洞详解、计算机基础知识等，都是网络安全入门必知必会的学习内容。

（都打包成一块的了，不能一一展开，总共300多集）

因篇幅有限，仅展示部分资料，需要保存下方图片，微信扫码即可前往获取

3.技术文档和电子书

技术文档也是我自己整理的，包括我参加大型网安行动、CTF和挖SRC漏洞的经验和技术要点，电子书也有200多本，由于内容的敏感性，我就不一一展示了。

因篇幅有限，仅展示部分资料，需要保存下方图片，微信扫码即可前往获取

4.工具包、面试题和源码

“工欲善其事必先利其器”我为大家总结出了最受欢迎的几十款款黑客工具。涉及范围主要集中在 信息收集、Android黑客工具、自动化工具、网络钓鱼等，感兴趣的同学不容错过。

还有我视频里讲的案例源码和对应的工具包，需要的话也可以拿走。

因篇幅有限，仅展示部分资料，需要保存下方图片，微信扫码即可前往获取

最后就是我这几年整理的网安方面的面试题，如果你是要找网安方面的工作，它们绝对能帮你大忙。

这些题目都是大家在面试深信服、奇安信、腾讯或者其它大厂面试时经常遇到的，如果大家有好的题目或者好的见解欢迎分享。

参考解析：深信服官网、奇安信官网、Freebuf、csdn等

内容特点：条理清晰，含图像化表示更加易懂。

内容概要：包括 内网、操作系统、协议、渗透测试、安服、漏洞、注入、XSS、CSRF、SSRF、文件上传、文件下载、文件包含、XXE、逻辑漏洞、工具、SQLmap、NMAP、BP、MSF…

因篇幅有限，仅展示部分资料，需要保存下方图片，微信扫码即可前往获取