Hi FE !
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub
Ai
git
前端面试题
前端小tip
  • vite
  • webpack
npm
  • vue2
  • vue3
react
GitHub

什么是浏览器指纹

浏览器指纹我们可以理解成是一个用户设备的浏览器的唯一id(有点类似手机设备的IMEI),通过浏览器指纹,我们可以做一些埋点操作或者是鉴权,辨别是否是同一用户,其是否有更换设备(更换浏览器)等

npm install @fingerprintjs/fingerprintjs

<template>
  <div>{{ fingerprint }}</div>
</template>

<script>
import { createFingerprint } from "@fingerprintjs/fingerprintjs";

export default {
  data() {
    return {
      fingerprint: "",
    };
  },
  mounted() {
    createFingerprint()
      .then((result) => {
        this.fingerprint = result.visitorId;
      })
      .catch((error) => {
        console.error(error);
      });
  },
};
</script>
Edit this page
最近更新: 2025/12/2 01:46
Contributors: qdleader
qdleader
本站总访问量 129823次 | 本站访客数 12人