系统检测与性能基准：换机、验收、调优前先摸清这台机器

别急着用，先让浏览器给你出一份体检报告

遇到"这台机器到底行不行"的问题，装跑分软件、开设备管理器、翻规格表既麻烦又容易漏。现代浏览器能直接读到的信息其实已经够做一次体检：CPU、内存、系统、显卡、屏幕参数、当前渲染帧率，都能就地取。装机验收、买二手、排查卡顿、评估能不能跑某个负载，第一步都应该是先把它测清楚。这篇把站内七款检测与基准工具按"从整机到局部、从静态到动态"排一遍，检测全在浏览器本地完成，配置信息不外传。

整机与浏览器：先看大盘

上手第一件事是摸清整盘配置。电脑系统检测 一次列出操作系统与版本、CPU 逻辑核心数、内存容量、浏览器环境与语言区域，还支持的能力一并给出——买二手本核对配置、给同事描述自己机器、确认内存到底多大，开这一页就够，不用进系统设置翻好几层。

网页跑得顺不顺，很大程度取决于浏览器本身。浏览器版本检测 把当前浏览器的类型、版本、内核引擎，以及一批现代特性的支持情况列出来：支不支持 WebGPU、WebCodecs、Service Worker、某些新的 CSS/JS 能力，逐条给结论。用户反馈"我这打不开、显示不对"，很多时候是浏览器版本或特性差异，这一页比反复追问"你用的什么浏览器"高效得多。要更细地看音视频相关能力，站内《浏览器音视频工具箱》有专门一篇。

屏幕与帧率：验收和流畅度，眼见为实

装机、换屏、验收二手显示器，最怕漏检坏点和显示异常。屏幕检测 读当前屏幕的分辨率、像素密度、色深等显示参数，再铺纯色、渐变、网格这类测试画面，帮你肉眼找出坏点、亮点、漏光和色彩断层——全屏切成纯黑看漏光、纯红纯绿逐像素扫坏点，是买屏的标准动作。

流畅度不能靠感觉。FPS在线测试 实时测浏览器渲染帧率，评估动画和渲染能力：页面滚动卡不卡、动画能不能稳在 60fps、低端机跑复杂特效会不会掉到个位数，跑一遍就有数字。做长列表、粒子背景、大屏可视化的时候，先用它压一压当前设备的帧率上限，再决定动效做多重。

显卡与本地模型：带不带得动，算过才知道

想在自己电脑上跑本地大模型，最关键的不是 CPU 而是显卡——显存决定能装下多大的模型。GPU检测与模型推荐 读取显卡型号、显存大小和 WebGPU 支持情况，再据此推荐这台机器能流畅运行的本地模型及对应的 GGUF 量化版本。8GB 显存和 24GB 显存能跑的模型量级差很多，盲目下载 7B、13B 结果 OOM 是最常见的坑；先测显存再挑量化档位，比到处问"我这配置能跑啥"靠谱。

代码基准与动画渲染：改得快没快、动起来好不好看

写前端常有"两种写法到底哪个快"的疑问：map 和 for 谁快、正则和字符串拼接谁快、新旧方案性能差多少。性能基准测试 让你贴进待测代码片段，对它们做性能测试与对比，跑出耗时数据，优化方向不用靠猜——先量化再重构，省掉"感觉这样更快"的无效改动。

做游戏和交互动画的绕不开 Spine——一套骨骼动画格式，很多 2D 游戏角色动画就用它。Spine动画编辑器 是专业的 Spine 动画预览与编辑工具，支持导出到多种引擎。它的用处有两层：一是预览与微调骨骼动画，不用把工程导来导去；二是把它当成一个真实的重渲染负载——在浏览器里放一段动画、配合上面的 FPS 测试看帧率，就能直观感受目标设备跑动画渲染的余量够不够，给"这机器带不带得动这套界面动效"提供一个可见的答案。

症状对照：该测哪一项

常见问题

这些检测会不会把硬件信息上传？

都是浏览器本地读取。系统检测、浏览器检测、屏幕检测、FPS 测试、GPU 检测拿到的是 Web API 本来就暴露给当前页面的信息（核心数、显存、分辨率、UA、能力位），不会发送到任何服务器；性能基准跑的也只是你贴进去的片段，代码不外传。想彻底放心，可以断网后再跑一遍——检测与基准类工具在离线状态下同样工作。

网页测出来的配置准吗？

网页能读到的核心数、内存量、屏幕分辨率、显存是准确的；但浏览器出于隐私会做归一化和取整（比如内存给个近似档位），个别型号名可能不完全精确。它的价值在于快速摸底和横向对比，做验收、选型、排障够用；要逐位核对硬件序列号，还得靠系统自带工具。

小结

摸熟一台机器的顺序：先用电脑系统检测和浏览器版本检测看整机与浏览器大盘，再用屏幕检测和 FPS 在线测试做验收和流畅度体检，要上本地模型看 GPU 检测与模型推荐，纠结写法快慢交给性能基准测试，评估动效渲染余量就放一段 Spine 动画配合 FPS 看。检测全在浏览器本地完成、可离线运行——配置数据留在你机器上，换机、验收、调优都在当场出结果。