浏览器指纹的生成

最新推荐文章于 2025-06-14 16:00:17 发布

云开发者联盟

最新推荐文章于 2025-06-14 16:00:17 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

文章标签： html javascript html5

本文链接：https://blog.youkuaiyun.com/ecloud_developer/article/details/120162444

文章介绍了浏览器指纹的生成原理，包括普通指纹和高级指纹。重点讲述了Canvas指纹、WebGL指纹和Audio音频指纹的生成过程及其实现代码，强调这些高级指纹在提高客户端唯一性识别准确性上的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：中国移动云能力中心 ——谢雷

概要：我们在日常网络冲浪的时候，肯定都有过这样的经历：在某东/某宝上浏览过电动牙刷后，再访问其他网站时总会在边角看到大大小小类似的商品广告。文章主要分享如何生成浏览器指纹，用以精准定位用户。

“浏览器指纹”是一种通过浏览器对网站可见的配置和设置信息来跟踪Web浏览器的方法，浏览器指纹就像我们人手上的指纹一样，具有个体辨识度，只不过现阶段浏览器指纹辨别的是浏览器。

查看浏览器指纹信息：https://amiunique.org/fp

人手上的指纹之所以具有唯一性，是因为每个指纹具有独特的纹路、这个纹路由凹凸的皮肤所形成。每个人指纹纹路的差异造就了其独一无二的特征。

那么浏览器指纹也是同理，获取浏览器具有辨识度的信息，进行一些计算得出一个值，那么这个值就是浏览器指纹。辨识度的信息可以是UA、时区、地理位置或者是你使用的语言等等，你所选取的信息决定了浏览器指纹的准确性。

浏览器指纹也可以进行简单的分为普通指纹和高级指纹，普通指纹可以理解为容易被发现并且容易修改的部分，例如http的header

{
  "headers": {
    "Accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3", 
    "Accept-Encoding": "gzip, deflate, br", 
    "Accept-Language": "zh-CN,zh;q=0.9,en;q=0.8", 
    "Host": "httpbin.org", 
    "Sec-Fetch-Mode": "navigate", 
    "Sec-Fetch