带有标签“Chrome开发工具”的 Skills

web-perf - 使用 Chrome DevTools MCP 进行网页性能审计。
网页性能 Chrome开发工具核心Web指标 MCP
★ 0 · 更新于 2026-09-21
使用 Chrome DevTools MCP 分析网页核心指标、网络请求、无障碍及代码库优化。
⚙ 记录网页性能追踪 ⚙ 分析核心 Web 指标 ⚙ 检查网络请求依赖链
web-perf - 审计与优化网站性能及 Core Web Vitals
网站性能 Core Web Vitals Lighthouse Chrome DevTools
★ 602 · 更新于 2026-09-19
审计、诊断或优化网站加载与交互性能、Core Web Vitals 及 Lighthouse 性能评分。
⚙ 导航目标页面 ⚙ 记录性能追踪 ⚙ 分析核心网页指标洞察
install-chrome-devtools-mcp - 为 Claude Code 安装 Chrome DevTools MCP 服务端。
mcp chrome-devtools 安装调试
★ 602 · 更新于 2026-09-17
在 Claude Code 中安装 Chrome DevTools MCP 服务端，以支持浏览器调试与网络抓包分析。
⚙ 安装 Chrome DevTools MCP 服务端 ⚙ 检查浏览器控制台消息 ⚙ 分析 HTTP 网络请求
ui-preview - 预览本地开发服务器和 Storybook
UI预览 Storybook Chrome DevTools 截图
★ 1 · 更新于 2026-09-14
使用 Chrome DevTools 预览本地开发服务器与 Storybook，以检查 Web UI 组件并截取截图。
⚙ 导航至页面 URL ⚙ 截取页面截图 ⚙ 打开新浏览器标签页
Frontend Verification & Testing - 使用 Chrome DevTools 测试 Angular 前端
前端测试 angular chrome-devtools
★ 1 · 更新于 2026-05-11
使用 Chrome DevTools MCP 验证 Angular 18 前端更改，检查控制台错误、网络请求和视觉渲染
⚙ 导航页面 ⚙ 截取屏幕 ⚙ 获取快照
debug-console - 控制台错误调试
调试控制台错误分析 Web开发
★ 602 · 更新于 2026-05-09
使用Chrome DevTools MCP捕获和分析Web应用程序的控制台错误
⚙ 导航浏览器 ⚙ 捕获控制台消息 ⚙ 过滤错误消息
crawl - 需要登录网站的内容爬取
网页爬取需要登录 chrome-devtools 内容提取
★ 18 · 更新于 2026-03-09
使用Chrome DevTools从需要登录的网站提取内容
⚙ 检测操作系统环境 ⚙ 启动Chrome浏览器实例 ⚙ 检查MCP工具就绪状态