LogoClawIndex
案例技能关于
LogoClawIndex

browser-javascript-profiling - 使用 Chrome DevTools 分析浏览器 JavaScript 性能

使用 Chrome DevTools 分析浏览器页面的 JavaScript 加载、交互、渲染和内存表现。

标签

更新于: 2026-10-16
浏览器性能JavaScript 性能分析Chrome DevTools性能追踪内存分析渲染性能Web 性能

能力

采集浏览器性能追踪分析页面加载分析运行时交互分析渲染卡顿

典型输入

目标 URL交互场景视口设置

典型输出

性能追踪数据时序证据内存分析证据

该技能可以做什么

  • 采集浏览器性能追踪
  • 分析页面加载
  • 分析运行时交互
  • 分析渲染卡顿
  • 检查内存快照
  • 测量分配时间线
  • 比较性能运行结果
  • 汇总追踪证据

输入

  • 目标 URL
  • 交互场景
  • 视口设置
  • 设备模拟设置
  • 输入序列
  • 测试数据集
  • 构建版本和源码映射
  • 缓存状态
  • 节流设置
  • 就绪条件

输出

  • 性能追踪数据
  • 时序证据
  • 内存分析证据
  • 性能分析摘要
  • 诊断结论

要求

  • Chrome 浏览器
  • Chrome DevTools
  • 浏览器页面访问权限
  • CDP 会话支持
  • 自动采集所需的 Puppeteer 页面访问能力

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。