浏览器指纹解读

简单解读浏览器指纹相关内容。

 

文章目录

浏览器指纹‍

驱动指纹

隐藏指纹的插件

修改指纹的浏览器

反爬指纹的生成

canvas指纹

音频指纹

浏览器指纹

浏览器指纹很重要，在数据采集、搜索引擎、埋点分析、网站测试等方面都有体现。指纹通常是指服务端的为了做识别而收集的客户端设备信息。即使没有cookie，指纹也可用于识别个人用户或设备。比如常用于记录的指纹：Header 、Cookie、IP、DNS、UserAgent、Font、Language、localStorage、Plugin、Canvas、WebGL、WebVendor、Timezone、WebRTC、ScreenResolution、Platform、Audio以及enumerateDevices、CPU、GPU信息等等。    指纹特征名简介Header、IP、DNS报文信息UserAgent用户代理Font字体列表Language语言信息Platform系统信息localStorage本地存储ScreenResolution分辨率Plugin浏览器插件Canvas、WebGL渲染绘图WebGL_Vendor厂商信息Timezone时区信息WebRTCweb通信APIAudio音频设置和硬件特征enumerateDevices其他媒体设备像用户代理、HTML元素属性、Dom对象操作等都属于基本指纹。像图形渲染、音频指纹、硬件指纹这些属于高级指纹，生成或者模拟都有一定难度。像浏览记录、访问频率等属于行为指纹，常用于恶意访问的判定，具体判定规则需要测试。当你在浏览页面时，网站可以根据你的浏览器指纹进行跟踪，此外还有一些网站会根据指纹信息生成设备ID然后发送行为日志。所以在你访问了一个网站后，它虽然没有cookie，但是有一个唯一的指纹，所以无论是推送广告还是行为检测都非常容易。

在线查看浏览器指纹：

; （非常详细的设备信息）;    （单一特征的指纹）;  （特征合一的指纹）; （像素扫描信息）; (ja3 SSL指纹)#loc-text  （以IP为主的数字身份） （NDS cookie指纹）;?

驱动指纹

提一下chromedriver驱动，不论是selenium或者puppeteer或者playwright，基于chromedriver驱动封装的自动化工具库都很容易被网站监测，所以如何应对指纹检测对使用者来说非常重要。比如特征参数 webdriver，启动参数no-first-run、window-size、log-level、start-maximized、no-sandbox等，用户特征 user_data_dir、language，以及一些html类型Webelement等。设置 webdriver为flase：broser.execute_cdp_cmd( "Page.addScriptToEvaluateOnNewDocument", { "source": """ Object.defineProperty(window, navigator, { value: new Proxy(navigator, { has: (target, key) => (key === webdriver ? false : key in target), get: (target, key) => key === webdriver ? false : typeof target[key] === function ? target[key].bind(target) : target[key] }) }); """ },)更多方法可以参考 undetected-chromedriver 开源库。  

隐藏指纹的插件

Canvas Fingerprint Defender 隐藏canvas，不适用于最新chrome。AudioContext Fingerprint Defender-AudioContext  伪造指纹。Chameleon by sereneblue  修改UA、分辨率、语言等。一些插件已经不适用于新版google的 manifest_version 要求， 那我们也可以手动去禁用一些指纹，比如Canvas 、WebGL，或者直接禁用JavaScript，但是会影响网站正常运行。甚至于禁用JavaScript后，一些网站还会根据页面的CSS样式表来获取信息。

修改指纹的浏览器

所以有时候可以使用指纹浏览器来进行调试。巨象浏览器、AdsPower浏览器、阿拉鱼指纹浏览器、hubstudio指纹浏览器、洋葱浏览器等。

反爬指纹的生成

目前常见的反爬指纹有：基于某种算法的请求指纹（如：TLS-Ja3、报文指纹）基于某种算法生成的环境指纹 （如：fingerprint2）基于服务器预设文件执行结果返回的接口调用信息（如：日志）基于浏览器对服务器动画渲染提取出浏览器的帧数信息这些指纹都可生成值用于校验，无论是在验证请求或者是数据解密。不过指纹用于检验时一般是和其他信息结合起来使用的，所以一些站点只通过堆号已经无法有效采集了。

比如fingerprintjs的示例。https://fingerprintjs.com/demo/ 其算法与浏览器信息生成和设备关联的唯一标识符，用于访问识别。

canvas指纹

在线查看：https://browserleaks.com/canvasCanvas 是一种 HTML5 API，相当于一个画布，用于通过 JavaScript 脚本在网页上绘制图形和动画。因为Canvas 在不同操作系统不同浏览器上所产生的图片内容基本不同，所以其可用作浏览器指纹识别中的特征，用于标识身份。但是需要注意 canvas 指纹并不具备唯一性，所以常和其他指纹结合起来计算唯一身份ID。

那在Js中如何获取Canvas 指纹呢，通常是基于Canvas 绘制特定内容的图片，然后使用 canvas.toDataURL()方法返回该图片内容的base64编码字符串。这一点在我们补环境时也经常遇到。一般只需要看它调用的方法和返回的结果，然后去一次性绘制图片，取出base64值放到toDataURL()中即可。document = {createElement: function createElement(x) {return canvas}};canvas = {toDataURL: function toDataURL() {return "data:image/png;base64,i.....ggg=="},getContext: function getContext(x) {if (x === "xxx") {return } else {return CanvasContext }}};CanvasContext = {arc: function arc() {},stroke: function stroke() {},fillText: function fillText() {},toString: function() {return "[object]"}};canvas[Symbol.toStringTag] = "HTMLCanvasElement";

音频指纹

浏览器音频指纹AudioContext 测试地址：https://audiofingerprint.openwpm.com/AudioContext 指纹是计算机音频堆栈本身的属性，AudioContext接口表示由链接在一起的音频模块构建的音频处理图，音频上下文控制它包含的节点的创建和音频处理或解码的执行。（在FingerprintJS2库中有获取音频指纹的代码）音频指纹会受到硬件影响，因为音频信号的处理上不同，不同机器下或不同浏览器产生的音频输出存在差异。比如用google浏览器和内置浏览器进行对比，缓冲区值的总和是不同的，这就导致生成的hash值也不同。

但需要注意的是，同机器下AudioContext 的属性似乎是相同的，所以当发现有此类检测时，可以尝试修改一些音频属性。

我在工具站中也加了fingerprint2，可以来看看你的浏览器指纹。cnlans.com/lx/tools/fingerprint2