本文转自公众号 caiyuanzi: mp.weixin.qq.com/s/BN3B0EEpV…
webqa-agent 是一个面向 web 应用的测试评估智能体，致力于通过大模型能力，并注入专业测试方法，来减少你的网站作品的测试评估成本。
在实际的应用迭代的团队协作中，一个普遍的习惯是：当产品用户或者测试工程师反馈 Bug 时，大家倾向于手动给网页截个图，并用框或箭头标出问题所在，类似这样：
图1: 当标记了页面后，可以直观地注意到“页面导航栏内容区宽度被限制且靠左”这个问题
注：被测网页来源 arxiv.org/abs/2506.06…
虽然不够 fancy，但是这种视觉化的沟通方式非常直接，能帮助产品开发者在几秒内迅速定位到问题的上下文，省去了来回沟通和在页面中查找具体问题的时间。
webqa-agent 理应也需要具备这种高效的“沟通”能力。
引入智能标注功能
因此，我们在 v0.1.2 版本中增加了一个小功能：缺陷智能标注。
现在，当测试用例因为用户体验测试的预期失败时，webqa-agent 在测试过程中，自主完成在浏览器页面截图上高亮标记出有问题的元素位置。整个过程无需任何额外配置，完全自动化。
所以在 v0.1.2 测试评估报告中，对于上面的示例，你会得到这样的测试结论：
图2：webqa-agent 自动标记了网页导航栏问题横向拥挤，并且建议增加导航项与按钮的水平内边距，调整容器间距/外边距并统一各区块的垂直间距。
或者这样：
图3: webqa-agent 自动标记了语言标签文本被截断且彼此重叠的可读性问题，建议增大标签间水平间距，调整标签容器宽度或字体大小。
这些带有视觉标记的图片，可以被直接用在缺陷系统（如 Jira、飞书缺陷）或团队沟通群里，能为团队节省一些宝贵的时间。
使用方式也很简单，只要输入被测网站 url 并选择用户体验测试就可开始（别忘了输入模型配置信息），我们提供了 HuggingFace 或 ModelScope demo：huggingface.co/spaces/mmma… 或者前往项目主页参考 Readme 配置进行本地测试。
下一步？
webqa-agent 依然还有很多可以改进和探索的地方。智能标注是我们再次基于实际工作流做出的一次升级。除了能在我们会继续将这个功能扩展到所有需要被标注的地方。
我们非常期待你的想法和反馈。欢迎到我们的项目主页：github.com/MigoXLab/we… 给项目点 star，参与讨论。
