Allocation instrumentation on timeline 是 Chrome DevTools 中用于实时追踪 JS 对象内存分配位置和时间的功能，以绿色标记显示分配事件，支持关联堆快照定位泄漏源头，需在 Performance 面板设置中启用，仅限诊断使用。
在 Chrome DevTools 中，Allocation instrumentation on timeline 是一种用于实时追踪 JavaScript 对象内存分配位置和时间的调试功能，它能帮你定位“谁在什么时候分配了哪些对象”，从而识别内存泄漏或高频短生命周期对象问题。它不直接显示内存占用总量，而是以时间轴形式高亮显示分配行为。
开启 Allocation instrumentation on timeline
打开 DevTools → 切换到 Performance 面板 → 点击右上角 ⚙️ 设置图标 → 勾选 Allocation instrumentation on timeline（注意：该选项默认关闭，且启用后会明显降低运行性能，仅用于诊断）。
然后点击左上角录制按钮（●），执行目标操作（如点击按钮、滚动、渲染列表等），停止录制后，时间轴中会出现一条名为 Memory 的轨道，其中绿色小条（■）代表一次内存分配事件。
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
解读分配标记与堆快照关联
每个绿色标记对应一次对象分配，鼠标悬停可看到：
- 分配的构造函数名（如 Array、Object、MyComponent）
- 分配时的调用栈（精确到文件和行号）
- 分配大小（近似值，单位字节）
点击某个绿色标记 → 右键选择 Reveal in heap snapshot → DevTools 会自动捕获当前堆快照，并高亮显示该次分配所创建的对象（及其保留树），方便你判断是否被意外持有。
结合堆快照定位泄漏源头
仅看分配曲线不够，需配合堆快照验证对象是否被释放：
- 录制一段含疑似泄漏的操作（例如反复打开/关闭弹窗），确保勾选 Memory 和 Allocation instrumentation
- 停止录制后，在 Summary 视图下筛选 Constructor，观察某类对象数量是否持续增长（如
Closure、Array、自定义类） - 对比两次快照（Comparison 视图），重点关注 # New 列为正数且未被回收的类型
- 对增长明显的构造函数，回溯其分配标记的调用栈，检查是否因闭包、事件监听器、缓存未清理、全局引用等原因导致无法 GC
实用技巧与注意事项
这个功能很强大，但容易误用：
- 务必在 无其他扩展干扰 的隐身窗口中测试，避免第三方脚本污染分配痕迹
- 不要长时间开启——它会让 JS 执行变慢数倍，只在复现问题时启用
- 分配标记 ≠ 内存泄漏：短生命周期对象（如循环中的临时
{x: i}）也会频繁打点，需结合对象是否长期驻留堆来判断 - 若看不到绿色标记，请确认已勾选设置、录制期间有 JS 执行、且不是纯 CSS/HTML 操作
- ES6 类、箭头函数、模块作用域变量均会生成可追踪的分配记录，现代代码同样适用
