Canonical: https://botbento.com/zh/usecases/automated-web-performance-and-frontend-debugging/
Format: Markdown representation of the public HTML page.

[首页](/) / [用例](/zh/usecases/) / [编程](/zh/usecases/?category=coding)

编程 · 中级

已验证

自动化验证

- 已通过全部自动化关卡：结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
- 未记录起草模型。
- 第二模型审核：deepseek/deepseek-v4-pro（无严重或高危问题）。
- 简体中文译文：google/gemini-4-argon，由 openai/gpt-5.5 审核。
- 验证于 2026-10-16。
- 仅经自动化检查和 AI 审核，未经人工审核。[验证如何运作](/zh/usecases/verification/)

# 自动化网页性能与前端调试

在开发期间检查实时浏览器网络流量、控制台错误和性能追踪

[在 BotBento 中使用 ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=automated-web-performance-and-frontend-debugging)复制提示词分享[Markdown](/text/zh/usecases/automated-web-performance-and-frontend-debugging/index.md)[English](/usecases/automated-web-performance-and-frontend-debugging/)

打开 BotBento。请将提示词粘贴到 Bot 中；不含任何预设配置。

- 你提问时触发提交待审计的页面 URL
- 然后记录追踪与控制台日志
- 结果呈现诊断报告

运行自动化浏览器诊断会话，以调查客户端错误和页面加载缓慢问题。该 Bot 会访问目标 URL，捕获控制台错误，审计网络瀑布流指标，并记录性能分析结果，从而无需手动点击即可精确定位前端瓶颈。

## 起步提示词

BotBento推荐

```
收到要调试的目标 URL 或场景时，启动浏览器环境并执行导航。检查控制台日志、网络故障和性能追踪。汇总检测到的错误、渲染时间和缓慢的网络资源。未经用户批准，请勿修改源代码文件或提交会发送数据的测试表单。
```

复制

## 所用工具

浏览器终端

## 适用于

BotBento

## 标签

- devtools
- performance
- debugging
- browser
- frontend

## 来源

[chrome-devtools-mcp: Chrome DevTools for coding agents](https://github.com/ChromeDevTools/chrome-devtools-mcp)
GitHub · 已核查 2026-10-15

内容以我们自己的话概述。其中描述的任何结果均为原作者所述，并非 BotBento 实测。

由 AI 辅助自英文版翻译，并经自动审核模型检查。以英文文本为准。

作者：BotBento Editorial · 发布于 2026-10-15 · 更新于 2026-10-15 · [提交更正](/contact/)

## 相关用例

-

编程中级

## [本地代码更改的自动化 UI 验证](/zh/usecases/automated-ui-verification-for-local-code-changes/)

启动本地服务器并为前端更改捕获浏览器证据

浏览器终端GitHub[已验证](/zh/usecases/verification/)
-

编程中级

## [自动化 Playwright 测试修复智能体](/zh/usecases/automated-playwright-test-repair-agent/)

诊断损坏的浏览器自动化脚本，并起草包含更新选择器的拉取请求

浏览器GitHub终端[已验证](/zh/usecases/verification/)
-

编程中级

## [通过本地调试会话自动化浏览器任务](/zh/usecases/automating-browser-tasks-through-local-debugging-sessions/)

由代码智能体驱动实时网页会话，与页面交互并获取数据

浏览器终端[已验证](/zh/usecases/verification/)