实时系统监控面板

（练习版本） 完整源码开放测试结束，若有亟需可PM V1：单色背景，下载后双击，浏览器打开即可 V2：[ 渐进色背景， '').trim();}}} catch (e) {gpuInfo = '检测失败';}document.getElementById('gpuInfo').textContent = gpuInfo;// CPU架构和核心数const cores = navigator.hardwareConcurrency || 0;let cpuArch = '未知架构';// 检测CPU架构const ua = navigator.userAgent.toLowerCase();const platform = (navigator.platform || '').toLowerCase();if (platform.includes('win64') || platform.includes('x64') || ua.includes('x64')) {cpuArch = 'x64 (64位)';} else if (platform.includes('win32') || platform.includes('x86') || ua.includes('x86')) {cpuArch = 'x86 (32位)';} else if (platform.includes('arm') || ua.includes('arm')) {cpuArch = 'ARM 架构';} else if (ua.includes('aarch64')) {cpuArch = 'ARM64 架构';} else if (platform.includes('mac')) {cpuArch = ua.includes('intel') ? 'Intel x64' : 'Apple Silicon';}document.getElementById('cpuModel').textContent = cpuArch;document.getElementById('cpuCores').textContent = cores 0 ? `${cores} 个逻辑核心` : '无法检测';// 内存信息const memory = navigator.deviceMemory;if (memory) {document.getElementById('memoryCapacity').textContent = `${memory} GB`;} else {document.getElementById('memoryCapacity').textContent = '无法检测';}// 浏览器存储配额if ('storage' in navigator 'estimate' in navigator.storage) {try {const estimate = await navigator.storage.estimate();const quota = estimate.quota || 0;const usage = estimate.usage || 0;if (quota 0) {const quotaGB = (quota / (1024 * 1024 * 1024)).toFixed(1);const usageGB = (usage / (1024 * 1024 * 1024)).toFixed(2);const usagePercent = Math.round((usage / quota) * 100);document.getElementById('storageInfo').textContent =`浏览器存储: ${usageGB}GB / ${quotaGB}GB`;document.getElementById('storageProgress').style.width = `${usagePercent}%`;document.getElementById('storageProgress').textContent = `${usagePercent}%`;} else {document.getElementById('storageInfo').textContent = '存储信息不可用';document.getElementById('storageProgress').style.width = '0%';document.getElementById('storageProgress').textContent = '0%';}} catch (e) {document.getElementById('storageInfo').textContent = '存储检测失败';}} else {document.getElementById('storageInfo').textContent = '不支持存储API';}// 平台信息const platformInfo = navigator.platform || navigator.userAgentData?.platform || '未知平台';document.getElementById('platformInfo').textContent = platformInfo;} catch (error) {console.error('获取硬件信息失败:'，界面采用现代化设计，提供系统信息查看、网址收藏管理等功能，下载后双击，浏览器打开即可 硬件信息获取： [Asm] 纯文本查看 复制代码 async function getHardwareInfo() {try {// 获取显卡信息let gpuInfo = '未知';try {const canvas = document.createElement('canvas');const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');if (gl) {const renderer = gl.getParameter(gl.RENDERER);const vendor = gl.getParameter(gl.VENDOR);// 尝试获取更详细的显卡信息const debugInfo = gl.getExtension('WEBGL_debug_renderer_info');if (debugInfo) {const unmaskedRenderer = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);if (unmaskedRenderer unmaskedRenderer !== 'WebKit WebGL') {gpuInfo = unmaskedRenderer;} else {gpuInfo = renderer || '集成显卡';}} else {gpuInfo = renderer || '集成显卡';}// 清理显卡名称if (gpuInfo.includes('ANGLE')) {gpuInfo = gpuInfo.replace(/ANGLE \([^)]*\)/，支持响应式布局， 本帖最后由 yibeijiu 于 2025-6-20 15:23 编辑 基于 Web 的实时系统监控面板， error);// 设置默认值document.getElementById('gpuInfo').textContent = '检测失败';document.getElementById('cpuModel').textContent = '检测失败';document.getElementById('cpuCores').textContent = '检测失败';document.getElementById('memoryCapacity').textContent = '检测失败';document.getElementById('storageInfo').textContent = '检测失败';document.getElementById('platformInfo').textContent = '检测失败';}} ，。