首页 > 其他分享 >前端取唯一标识 UUID

前端取唯一标识 UUID

时间:2024-07-07 17:20:10浏览次数:22  
标签:fpPromise fingerprintjs UUID 前端 标识 result visitorId const

// 使用工具 fingerprintjs 可以简单取到UUID

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5   <meta charset="UTF-8">
 6   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 7   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8   <title>Document</title>
 9 </head>
10 
11 <body>
12   <input value="" id="input" style="width: 300px;" />
13   <div id="user"></div>
14   <script>
15     const fpPromise = import('https://openfpcdn.io/fingerprintjs/v4')
16       .then(e => e.load())
17     fpPromise
18       .then(fp => fp.get())
19       .then(result => {
20         const visitorId = result.visitorId
21         console.log(visitorId)
22         document.getElementById('input').value = visitorId
23         document.getElementById('user').innerHTML = window.navigator.userAgent.toLowerCase()
24       })
25   </script>
26 </body>
27 
28 </html>
View Code

 

 

 

 

 

 

.

标签:fpPromise,fingerprintjs,UUID,前端,标识,result,visitorId,const
From: https://www.cnblogs.com/xiangsj/p/18288702

相关文章

  • java 如何暴露header给前端
    在Java中,将HTTP响应的Header暴露给前端通常涉及在Web应用程序的服务器端代码中设置这些Header。这可以通过不同的JavaWeb框架来实现,比如SpringMVC、JAX-RS(Jersey)、Servlet等。这里,我将提供一个使用SpringMVC框架的示例,因为它在JavaWeb开发中非常流行且易于理解。1.示例:使用S......
  • 前端随手记第三天
    1.HTML<fieldset>name属性定义和用法:name属性规定fieldset的名称。name属性用于在JavaScript中引用元素,或者在表单提交之后引用表单数据。语法:<fieldsetname="text"> <!DOCTYPEhtml><html><head> <meta charset="utf-8"> <title>菜鸟教......
  • 使用zdppy_api+onlyoffice word文档在线共同编辑,附完整的vue3前端代码和python后端代
    参考文档:https://api.onlyoffice.com/zh/editors/basichttps://api.onlyoffice.com/zh/editors/coedit基本的架构思考:文档表:记录的是文档信息key:这个key可以标识唯一的一个文档,可以是文档的hash值fileType:文档的类型,docx,txt,pdf,其他title:文档的标题,也就是文档的实际......
  • 前端HTML+CSS
    一、HTML1.什么是html概念:超文本标记性语言(HyperTextMarkupLanguage)--不只是有文本的标签超:超级文本===》不仅仅是普通文本还可以是:文字、图形、动画、声音、表格等。标记性:标记,元素,标签来源:w3c万维网联盟:组织java开源jspython2.作用:制作网页①网页应该......
  • 前端学习-flutter学习-003-Widget 简介
    学习链接什么是widget描述UI元素的配置信息Widget类本身是一个抽象类,其中最核心的就是定义了createElement()接口,在Flutter开发中,我们一般都不用直接继承Widget类来实现一个新组件,相反,我们通常会通过继承StatelessWidget或StatefulWidget来间接继承widget类来实现。Stateless......
  • 前端JS特效第15集:HTML5电脑端微信聊天窗口界面
    HTML5电脑端微信聊天窗口界面,先来看看效果:部分核心的代码如下(全部代码在文章末尾):<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1"><......
  • 前端位置布局汇总
    1、位置:绝对位置和相对位置绝对位置style="position:absolute;left:218px;top:0%;"style="position:absolute;bottom:5px;right:5px;"相对位置:margin外边距 padding内边距style="border:1pxsolidblack;width:200px;text-align:left;margin-left:1200px;pa......
  • 前端生成二维码(N种方法选择2024最新)
    文来分享5个用于生成二维码的JavaScript工具库,助你快速生成二维码!node-qrcodenode-qrcode是一个用于生成二维码的Node.js库,它支持多种数据格式,并且可以将生成的二维码导出为各种图像格式,如PNG、JPEG、SVG和DataURI,其适用于服务端和客户端。node-qrcode的特点如下:......
  • web前端概述
    文章目录Web前端概述HTML简史HTML5新特性使用标签承载内容结构文本列表(list)链接(anchor)图像(image)表格(table)表单(form)音视频(audio/video)窗口(frame)其他使用CSS渲染页面简介颜色(color)文本(text/font)盒子(boxmodel)列表、表格和表单图像布局使用JavaScript控制行为JavaScr......
  • Bug 解决 | 前端项目无法正确安装依赖?
    当前端项目无法正确安装依赖时,这通常是由于多种原因导致的。以下是一些解决这一问题的步骤和建议:1.检查网络连接确保你的计算机可以访问外部网络,特别是npm或yarn的仓库。如果你在中国大陆,可能需要配置npm或yarn的镜像源,如使用淘宝的npm镜像(cnpm)或yarn的国内镜像。2.清理缓......