WebGPU指纹概述

WebGPU是下一代的Web图形和计算API，旨在提供高性能的图形渲染和计算能力。它是WebGL的后继者，旨在利用现代GPU的强大功能，使得Web应用能够实现接近原生应用的图形和计算性能。而且它是一个低级别的API，可以直接与GPU通信，从而进行图形渲染和并行计算。

WebGPU指纹信息是通过WebGPU API获取的一些硬件和驱动程序信息，这些信息包括GPU的名称、供应商、驱动程序版本、支持的功能和限制等。在前端的JavaScript中主要依赖以下接口：

1.requestAdapter

WebGPU提供了一个GPUAdapter对象，它包含了有关GPU适配器的详细信息。获取这个对象需要调用navigator.gpu.requestAdapter。以下是 GPUAdapter 的详细介绍，包括 features 和 limits 等属性：

• features: GPUSupportedFeatures。
• limits: GPUSupportedLimits。
• isFallbackAdapter: boolean。
• requestDevice: 用于请求一个 GPUDevice 对象，该对象代表实际的 GPU 设备，可以用于提交命令和管理 GPU 资源。

features 是一个 GPUSupportedFeatures 对象，表示该 GPU 适配器支持的一组特性。它是一个集合，包含了一些字符串，每个字符串代表一个特性。可以通过遍历 features 集合来检查 GPU 支持的特性。使用JavaScript代码获取示例如下：

const adapter = await navigator.gpu.requestAdapter();const supportedFeatures = adapter.features;supportedFeatures.forEach(feature => {console.log(`Supported feature: ${feature}`);});

常见的特性包括：

• texture-compression-bc: 支持 BC (Block Compression) 纹理压缩格式。
• timestamp-query: 支持时间戳查询，用于测量 GPU 命令的执行时间。
• indirect-first-instance: 支持间接绘制的第一个实例。

limits 是一个 GPUSupportedLimits 对象，表示 GPU 适配器的硬件限制。这些限制决定了可以使用的资源和配置的最大值。例如：

• maxTextureDimension1D: 1D 纹理的最大尺寸。
• maxTextureDimension2D: 2D 纹理的最大尺寸。
• maxTextureDimension3D: 3D 纹理的最大尺寸。
• maxTextureArrayLayers: 纹理数组的最大层数。

isFallbackAdapter 是一个布尔值，表示当前的 GPUAdapter 是否为后备适配器。如果找不到高性能适配器，WebGPU 会返回一个功能受限的后备适配器。具体代码如下：

const isFallback = adapter.isFallbackAdapter;console.log(`Is fallback adapter: ${isFallback}`);

2.requestAdapterInfo

requestAdapterInfo 是 WebGPU API 中的一个函数，它用于获取有关 GPU 适配器的详细信息。该函数返回一个 Promise，解析为一个包含适配器信息的对象。这个对象提供了更详细的 GPU 适配器信息，比直接访问 GPUAdapter 对象的属性要更为全面。具体代码如下：

async function getDetailedGPUInfo() {try {const adapter = await navigator.gpu.requestAdapter();if (!adapter) {console.log('No GPU adapter found');return;}const adapterInfo = await adapter.requestAdapterInfo();console.log('Detailed GPU Adapter Info:', adapterInfo);} catch (error) {console.error('Error getting detailed GPU info:', error);}}getDetailedGPUInfo();

requestAdapterInfo 返回一个包含适配器详细信息的对象。以下是这些信息的详细说明：

• vendor: GPU 供应商的标识符。例如，Intel 的 ID 通常是 8086，NVIDIA 的 ID 是 10DE，AMD 的 ID 是 1002。
• architecture: GPU 架构的名称，例如“Turing”, “Pascal”等。这有助于了解 GPU 的性能和功能特性。
• description: 对 GPU 适配器的描述，通常包括 GPU 的型号和名称，例如 “NVIDIA GeForce GTX 1050”。
• device: GPU 设备的标识符，这是一个独特的 ID，用于标识特定的 GPU 设备。

WebGPU指纹获取

async function getWebGPUFingerprint() {try {// 请求 GPU 适配器const adapter = await navigator.gpu.requestAdapter();if (!adapter) {console.log('No GPU adapter found');return;}// 请求详细的适配器信息const adapterInfo = await adapter.requestAdapterInfo();// 获取适配器的基本信息const basicInfo = {name: adapter.name,features: [...adapter.features.values()],limits: adapter.limits,isFallbackAdapter: adapter.isFallbackAdapter};// 获取适配器的详细信息const detailedInfo = {vendor: adapterInfo.vendor,architecture: adapterInfo.architecture,description: adapterInfo.description,driverVersion: adapterInfo.driverVersion,device: adapterInfo.device};// 组合所有信息生成指纹const fingerprint = {basicInfo,detailedInfo};console.log('WebGPU Fingerprint:', fingerprint);return fingerprint;} catch (error) {console.error('Error getting GPU info:', error);}}// 调用函数获取 WebGPU 指纹getWebGPUFingerprint();

WebGPU指纹修改

GPUAdapterInfo::GPUAdapterInfo(const String& vendor,const String& architecture,const String& device,const String& description,const String& driver): vendor_(vendor),architecture_(architecture),device_(device),description_(description),driver_(driver){}

std::string my_des = *(json_reader->GetDict().FindDouble("webaudio"));description_ = String(my_des);

chrome.exe --enable-unsafe-webgpu