获取浏览器指纹-demo

npm i @fingerprintjs/fingerprintjs

import FingerprintJS from "@fingerprintjs/fingerprintjs";

FingerprintJS.load().then((fp) => {
      // The FingerprintJS agent is ready.
      // Get a visitor identifier when you'd like to.
      fp.get().then((result) => {
        // This is the visitor identifier:
        const visitorId = result.visitorId;
        // console.log(visitorId, 8888);//875947dbd522bd4f8c1f13498d233ece
        localStorage.setItem("fingerprint", visitorId);
      });
    });

获取浏览器指纹需要使用第三方库，比如Fingerprintjs2或者clientjs。以下是使用Fingerprintjs2获取浏览器指纹的示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>Browser Fingerprint Test</title>
</head>
<body>
  <h1>Browser Fingerprint Test</h1>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/fingerprintjs2/2.1.0/fingerprint2.min.js"></script>
  <script>
    var fingerprint = new Fingerprint2();
    fingerprint.get(function(result, components){
      console.log(result); // 输出浏览器指纹
      console.log(components); // 输出指纹组件
    });
  </script>
</body>
</html>

该代码会输出浏览器指纹和指纹组件到控制台。注意需要引入Fingerprintjs2库才能运行以上代码。

posted @ 2023-06-26 09:44  JackieDYH  阅读(179)  评论(0)  编辑  收藏  举报  来源