Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to get the unique logo of the browser". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought. Let's study and learn "how to get the unique logo of the browser"!

Because different system graphics cards draw canvas rendering parameters, anti-aliasing and other algorithms are different, so the CRC check of drawing image data is also different.

Function getCanvasFp () {

Const canvas = document.getElementById ('canvas')

Const ctx = canvas.getContext ('2d')

Ctx.font = '14px Arial'

Ctx.fillStyle ='# ccc'

Ctx.fillText ('hello, shanyue', 2,2)

Return canvas.toDataURL ('image/jpeg')

}

Therefore, the browser fingerprint information can be obtained according to canvas.

Draw the canvas, get the dataurl of base64, calculate the md5 summary of the string dataurl, and get the fingerprint information.

However, there are mature solutions for common requirements, and if used in a production environment, you can use the following libraries

Fingerprintjs2

It obtains the browser fingerprint information based on the following information

The support level of canvaswebglUserAgentAudioContext for new API is equal to requestIdleCallback (function () {)

Fingerprint2.get ((components) = > {

Const values = components.map ((component) = > component.value)

Const fp = Fingerprint2.x64hash228 (values.join (''), 31)

})

}) short answer

Browser fingerprint information can be obtained according to canvas.

Draw the canvas, get the dataurl of base64, calculate the md5 summary of the string dataurl, and get the fingerprint information.

If used in a production environment, you can use fingerprintjs2

Thank you for your reading. the above is the content of "how to get the unique logo of the browser". After the study of this article, I believe you have a deeper understanding of the problem of how to obtain the unique logo of the browser. the specific use situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.