让 AI 连接 Chrome DevTools 协议,检查并调试实时网页内容
复制安装指令,让 AI 自动完成配置 · 推荐新手
"chrome-devtools-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请连接当前网页,检查主要 DOM 结构,列出页面的头部、导航、主内容和页脚区域,并指出是否存在明显的结构问题。
返回页面主要 DOM 区域的结构摘要,以及可能的结构性问题说明。
请读取当前页面的控制台日志,筛选报错和警告,并按严重程度总结最需要优先处理的问题。
返回控制台错误与警告列表,并给出优先级排序的调试摘要。
请检查页面加载时的网络请求,找出失败请求、响应较慢的请求,并说明可能影响页面功能或性能的项。
返回失败或缓慢请求的清单,以及对页面影响的简要分析。
开发者在真实网页环境中排查异常时,可以让工具读取 DOM、样式、控制台和网络请求,快速定位前端问题。适合处理页面报错、元素异常或加载失败等情况。
当页面视觉表现与预期不一致时,用户可以借助该工具查看样式信息与页面结构,辅助分析布局或样式问题。适合前端开发和设计联调场景。
如果网页功能异常或性能变差,可以检查网络请求是否失败、阻塞或过慢,从而辅助判断资源加载与接口调用问题。适合发布后验证和故障排查。
它让 AI 通过 Chrome DevTools Protocol 与实时网页交互,用于检查和调试 DOM、样式、控制台日志以及网络请求。适合分析真实运行中的网页状态。
根据给定描述,它可以查看 DOM、样式、控制台日志和网络请求。这些能力主要用于网页检查与调试。
给定素材没有提供安装步骤、运行时要求或密钥信息。更具体的接入方式请见源码仓库。
让 AI 通过 Chrome DevTools 控制浏览器并进行调试、自动化与性能分析
连接 Chrome DevTools,帮助 AI 代理调试网页、排查问题并分析页面行为
连接 Chrome DevTools,让 AI 协助调试网页、分析性能并排查前端问题。
让 AI 代理直接操控并检查 Chrome,用于自动化调试与性能分析。
帮助用户用真实 Chrome 配置自动浏览网页、抓取数据并执行交互操作
连接运行中的 Chrome 标签页,帮助 AI 进行页面检查、调试与运行时诊断。