← 术语图鉴

无头浏览器

Headless Browser · 也叫 headless / Headless Chrome / 自动化浏览器

没有窗口、由程序驱动的浏览器:能打开网页、点击、截图、量性能,但它"看到"的不一定和你屏幕上的一样。

你可能会说:

  • “AI 说它在浏览器里测过了,没问题,可我这里还是卡?”
  • “AI 用来截图、点页面的那个浏览器,和我用的一样吗?”

它是什么

AI 测网页时,常用程序控制一个不显示窗口的浏览器:打开页面、等加载、截图、读元素、量性能数字。它快,能批量跑。

它和你日常用的浏览器不完全一样:显卡加速、屏幕刷新、字体、登录状态、扩展都可能不同。和显卡有关的卡顿,在它量到的主线程帧率里可能根本看不出来。

所以它测出"没问题",只说明它量的那个指标没问题。用户报告的现象,要尽量在和用户相同的条件下复现,再下结论。

打个比方

像只看仪表盘试车:转速、油耗都读得出来,路面颠不颠,得坐进车里才知道。

在这个网站里

这个网站切页后一滚动就卡的那次,第一轮排查在无头浏览器里量主线程帧率,测出稳定 60 帧,就下了"不是网站的问题"的结论;可站长那边切页后一滚动就卡。真正的原因是整页长的背景画布每次切页都重新生长(第 22 课)。

容易搞混的地方

常见误解

自动化测试测过了,就等于用户那边没问题

正确理解

它测到的只是它量的那几个数。用户的现象和测试结果对不上时,先怀疑测试条件。

你可以这样告诉 AI

复制下面这段,贴给你的 AI

用户是在什么浏览器、做了什么操作之后遇到的?请尽量在相同条件下复现再下结论;如果用的是无头浏览器,说明它可能测不到哪些问题。

先知道

  • 前端——用户直接看到和操作的那部分:页面、样式,以及在浏览器里运行的脚本。

对比着看

  • 截图比对——把改动前后的页面截图,逐像素比较差了多少。人眼看不出的细微变化,它都能数出来。

接着看

  • 验收标准——事先约定的、能逐条检查的完成条件:满足了就算做完,不满足就没做完。

在这些课里出现