用途:在网站开发与维护过程中,提供一套可重复的方式,使用浏览器工具验证渲染效果、诊断布局或 CSS 问题,并与 Maintainer 一起排查故障。
主要能力:可检查元素的 DOM 结构与属性、计算 CSS 与布局指标、控制台日志和运行时错误、网络请求(如适用);支持通过模拟视口验证响应式行为;在涉及共享布局、组件、partial 或客户端模块时,可验证多个使用该资源的页面。
使用方式:先确保站点可通过 VS Code 预览服务器访问(http://127.0.0.1:3000/website/dist/),再用 browser/openBrowserPage 打开相关页面。按需使用 browser/readPage、browser/clickElement、browser/hoverElement、browser/typeInPage、browser/runPlaywrightCode 及截图等工具。应将具体发现(控制台错误、计算样式、DOM 结构)汇总到 PR 或 issue 中,并向 Maintainer 提出最小修复方案。
限制:不得在可以于浏览器预览中验证渲染行为时进行主观猜测;资料未提供其他平台支持、安装步骤或收费信息。