关于浏览器指纹知识普及,让你在规避广告追踪的道路上一路小跑瑶瑶领先
首先跟大家说声对不起，担任管理后期这段时间因工作原因很少在群内与各位朋友交流,该贴也为本人在论坛的处女贴。关于浏览器唯一指纹的问题还是要有了解网站是怎么认识你是你他是他的,其实这个和电脑硬件生产制造都是有关系的，咱们就从可见的"<canvas></canvas>HTML标签"画布指纹来举例说明,同一批次生产的显卡核芯等芯片晶圆以亿为单位的话里面肯定是有完美和带瑕疵的成员各不相同，这样就会导致咱们在绘图和渲染上面有细微差别，这个差别小到你肉眼不可见，然后还和浏览器内核版本这些都有关系，当然也会出现完全克隆性的产品这个几率可能100年难遇一回，所以就有浏览器指纹唯一说，那么废话不多说了直接上图和代码。
已下例子源码来自大家熟悉的指纹检测网站"gongjux.com/fingerprint/",代码没有混淆更好作为例子讲解就改了一下他获取画布指纹的代码。
第一张图在你使用FBrowserCEF3Lib指纹浏览器框架未设置画布指纹时画出来的图片如下。
第二张图在你使用了FBrowserCEF3Lib指纹浏览器框架设置了画布指纹时画出来的图片如下。
获取上面图片BASE64编码原JS代码如下，这个设置指纹前后你只要拿到2张图打开就会发下现在2张图是有区别的，如果看不出来放大图片然后豪放一点睁大一点您那镶金边的眼睛就看出来了,画布指纹噪点就完美出现在第二张图上面,有的网站会检测颜色值的差别数量，所以画布指纹不是越多越好，最好是对应网站有差别的设置。
function get_canvasBASE64() {
e = {};
var t = {}
, n = document.createElement("canvas");
n.width = 2e3,
n.height = 200,
n.style.display = "inline";
var a = n.getContext("2d");
t.canvasWinding = !1 === a.isPointInPath(5, 5, "evenodd") ? "yes" : "no",
a.fillStyle = "#f60",
a.fillRect(125, 1, 62, 20),
a.fillStyle = "#069",
e.dontUseFakeFontInCanvas ? a.font = "11pt Arial" : a.font = "11pt no-real-font-123",
a.fillText("Cwm fjordbank glyphs vext quiz, 😃", 2, 15),
a.fillStyle = "rgba(102, 204, 0, 0.2)",
a.font = "18pt Arial",
a.fillText("Cwm fjordbank glyphs vext quiz, 😃", 4, 45),
a.globalCompositeOperation = "multiply",
a.fillStyle = "rgb(255,0,255)",
a.beginPath(),
a.arc(50, 50, 50, 0, 2 * Math.PI, !0),
a.closePath(),
a.fill(),
a.fillStyle = "rgb(0,255,255)",
a.beginPath(),
a.arc(100, 50, 50, 0, 2 * Math.PI, !0),
a.closePath(),
a.fill(),
a.fillStyle = "rgb(255,255,0)",
a.beginPath(),
a.arc(75, 100, 50, 0, 2 * Math.PI, !0),
a.closePath(),
a.fill(),
a.fillStyle = "rgb(255,0,255)",
a.arc(75, 75, 75, 0, 2 * Math.PI, !0),
a.arc(75, 75, 25, 0, 2 * Math.PI, !0),
a.fill("evenodd");
return n.toDataURL()
}
get_canvasBASE64()
他首先是画一张图片然后拿图片的BASE64编码取MD5的值获取的就是画布指纹的唯一值原JS代码如下。
function r(e, t) {
var n = (65535 & e) + (65535 & t);
return (e >> 16) + (t >> 16) + (n >> 16) << 16 | 65535 & n
}
function o(e, t, n, a, i, o) {
return r((l = r(r(t, e), r(a, o))) << (c = i) | l >>> 32 - c, n);
var l, c
}
function l(e, t, n, a, i, r, l) {
return o(t & n | ~t & a, e, t, i, r, l)
}
function c(e, t, n, a, i, r, l) {
return o(t & a | n & ~a, e, t, i, r, l)
}
function s(e, t, n, a, i, r, l) {
return o(t ^ n ^ a, e, t, i, r, l)
}
function u(e, t, n, a, i, r, l) {
return o(n ^ (t | ~a), e, t, i, r, l)
}
function d(e, t) {
var n, a, i, o, d;
e |= 128 << t % 32,
e = t;
var g = 1732584193
, h = -271733879
, m = -1732584194
, f = 271733878;
for (n = 0; n < e.length; n += 16)
a = g,
i = h,
o = m,
d = f,
g = l(g, h, m, f, e, 7, -680876936),
f = l(f, g, h, m, e, 12, -389564586),
m = l(m, f, g, h, e, 17, 606105819),
h = l(h, m, f, g, e, 22, -1044525330),
g = l(g, h, m, f, e, 7, -176418897),
f = l(f, g, h, m, e, 12, 1200080426),
m = l(m, f, g, h, e, 17, -1473231341),
h = l(h, m, f, g, e, 22, -45705983),
g = l(g, h, m, f, e, 7, 1770035416),
f = l(f, g, h, m, e, 12, -1958414417),
m = l(m, f, g, h, e, 17, -42063),
h = l(h, m, f, g, e, 22, -1990404162),
g = l(g, h, m, f, e, 7, 1804603682),
f = l(f, g, h, m, e, 12, -40341101),
m = l(m, f, g, h, e, 17, -1502002290),
g = c(g, h = l(h, m, f, g, e, 22, 1236535329), m, f, e, 5, -165796510),
f = c(f, g, h, m, e, 9, -1069501632),
m = c(m, f, g, h, e, 14, 643717713),
h = c(h, m, f, g, e, 20, -373897302),
g = c(g, h, m, f, e, 5, -701558691),
f = c(f, g, h, m, e, 9, 38016083),
m = c(m, f, g, h, e, 14, -660478335),
h = c(h, m, f, g, e, 20, -405537848),
g = c(g, h, m, f, e, 5, 568446438),
f = c(f, g, h, m, e, 9, -1019803690),
m = c(m, f, g, h, e, 14, -187363961),
h = c(h, m, f, g, e, 20, 1163531501),
g = c(g, h, m, f, e, 5, -1444681467),
f = c(f, g, h, m, e, 9, -51403784),
m = c(m, f, g, h, e, 14, 1735328473),
g = s(g, h = c(h, m, f, g, e, 20, -1926607734), m, f, e, 4, -378558),
f = s(f, g, h, m, e, 11, -2022574463),
m = s(m, f, g, h, e, 16, 1839030562),
h = s(h, m, f, g, e, 23, -35309556),
g = s(g, h, m, f, e, 4, -1530992060),
f = s(f, g, h, m, e, 11, 1272893353),
m = s(m, f, g, h, e, 16, -155497632),
h = s(h, m, f, g, e, 23, -1094730640),
g = s(g, h, m, f, e, 4, 681279174),
f = s(f, g, h, m, e, 11, -358537222),
m = s(m, f, g, h, e, 16, -722521979),
h = s(h, m, f, g, e, 23, 76029189),
g = s(g, h, m, f, e, 4, -640364487),
f = s(f, g, h, m, e, 11, -421815835),
m = s(m, f, g, h, e, 16, 530742520),
g = u(g, h = s(h, m, f, g, e, 23, -995338651), m, f, e, 6, -198630844),
f = u(f, g, h, m, e, 10, 1126891415),
m = u(m, f, g, h, e, 15, -1416354905),
h = u(h, m, f, g, e, 21, -57434055),
g = u(g, h, m, f, e, 6, 1700485571),
f = u(f, g, h, m, e, 10, -1894986606),
m = u(m, f, g, h, e, 15, -1051523),
h = u(h, m, f, g, e, 21, -2054922799),
g = u(g, h, m, f, e, 6, 1873313359),
f = u(f, g, h, m, e, 10, -30611744),
m = u(m, f, g, h, e, 15, -1560198380),
h = u(h, m, f, g, e, 21, 1309151649),
g = u(g, h, m, f, e, 6, -145523070),
f = u(f, g, h, m, e, 10, -1120210379),
m = u(m, f, g, h, e, 15, 718787259),
h = u(h, m, f, g, e, 21, -343485551),
g = r(g, a),
h = r(h, i),
m = r(m, o),
f = r(f, d);
return
}
function g(e) {
var t, n = "", a = 32 * e.length;
for (t = 0; t < a; t += 8)
n += String.fromCharCode(e >>> t % 32 & 255);
return n
}
function h(e) {
var t, n = [];
for (n[(e.length >> 2) - 1] = void 0,
t = 0; t < n.length; t += 1)
n = 0;
var a = 8 * e.length;
for (t = 0; t < a; t += 8)
n |= (255 & e.charCodeAt(t / 8)) << t % 32;
return n
}
function m(e) {
var t, n, a = "";
for (n = 0; n < e.length; n += 1)
t = e.charCodeAt(n),
a += "0123456789abcdef".charAt(t >>> 4 & 15) + "0123456789abcdef".charAt(15 & t);
return a
}
function f(e) {
return unescape(encodeURIComponent(e))
}
function S(e) {
return function(e) {
return g(d(h(e), 8 * e.length))
}(f(e))
}
function p(e, t) {
return function(e, t) {
var n, a, i = h(e), r = [], o = [];
for (r = o = void 0,
i.length > 16 && (i = d(i, 8 * e.length)),
n = 0; n < 16; n += 1)
r = 909522486 ^ i,
o = 1549556828 ^ i;
return a = d(r.concat(h(t)), 512 + 8 * t.length),
g(d(o.concat(a), 640))
}(f(e), f(t))
}
function v(e, t, n) {
return t ? n ? p(t, e) : m(p(t, e)) : n ? S(e) : m(S(e))
}
function get_canvasMD5(e) {
e = e || {};
var t = {}
, n = document.createElement("canvas");
n.width = 2e3,
n.height = 200,
n.style.display = "inline";
var a = n.getContext("2d");
t.canvasWinding = !1 === a.isPointInPath(5, 5, "evenodd") ? "yes" : "no",
a.fillStyle = "#f60",
a.fillRect(125, 1, 62, 20),
a.fillStyle = "#069",
e.dontUseFakeFontInCanvas ? a.font = "11pt Arial" : a.font = "11pt no-real-font-123",
a.fillText("Cwm fjordbank glyphs vext quiz, 😃", 2, 15),
a.fillStyle = "rgba(102, 204, 0, 0.2)",
a.font = "18pt Arial",
a.fillText("Cwm fjordbank glyphs vext quiz, 😃", 4, 45),
a.globalCompositeOperation = "multiply",
a.fillStyle = "rgb(255,0,255)",
a.beginPath(),
a.arc(50, 50, 50, 0, 2 * Math.PI, !0),
a.closePath(),
a.fill(),
a.fillStyle = "rgb(0,255,255)",
a.beginPath(),
a.arc(100, 50, 50, 0, 2 * Math.PI, !0),
a.closePath(),
a.fill(),
a.fillStyle = "rgb(255,255,0)",
a.beginPath(),
a.arc(75, 100, 50, 0, 2 * Math.PI, !0),
a.closePath(),
a.fill(),
a.fillStyle = "rgb(255,0,255)",
a.arc(75, 75, 75, 0, 2 * Math.PI, !0),
a.arc(75, 75, 25, 0, 2 * Math.PI, !0),
a.fill("evenodd");
return v(n.toDataURL())
}
get_canvasMD5()
以上就是大多数网站画布指纹的获取方式，其他指纹也大概就是这个意思，所以设置出一个高质量的唯一浏览器指纹不是说随便照搬个数据就成功了，还是需要配合自己分析一下或者不会分析的话就多尝试搞个最优的值
zmkl520 发表于 2025-7-29 18:10
看着有点懵
他首先是画一张图片
你这理解能力无语了，不知道是没看清还是自己脑补的流程 本帖最后由 zmkl520 于 2025-7-29 18:15 编辑
看着有点懵
他首先是画一张图片
他是通过浏览器画一张图片，然后他又在自己服务画一张，做对比？
他通过浏览器画一张图片，根据获取你的硬件参数做对比吗? 如果是这样，修改的其它指纹参数那应该就是独一无二的了
易拓 发表于 2025-7-29 14:00
献丑了
多发一些这种高质量的贴，我们都喜欢{:10_583:} mosheng 发表于 2025-7-29 13:58
66666666 学习到了
献丑了 {:10_567:}66666666 学习到了
页:
[1]