blob: 85e7ebe131edc81c8b4986d52b61f67cba548445 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
---
title: 内存
slug: Tools/Memory
translation_of: Tools/Memory
---
<div>{{ToolsSidebar}}</div><p>内存工具可以帮助你获取当前标签页内存堆的快照，它可以提供每个对象在内存中的使用以及在你的代码中哪里分配了内存的堆视图。</p>
<p>{{EmbedYouTube("DJLoq5E5ww0")}}</p>
<hr>
<h3 id="基础">基础</h3>
<div class="twocolumns">
<ul>
<li><a href="/zh-CN/docs/Tools/Memory/Basic_operations#打开内存工具">打开内存工具</a></li>
<li><a href="/zh-CN/docs/Tools/Memory/Basic_operations#创建快照">创建快照</a></li>
<li><a href="/zh-CN/docs/Tools/Memory/Basic_operations#比较快照">比较快照</a></li>
<li><a href="/zh-CN/docs/Tools/Memory/Basic_operations#删除快照">删除快照</a></li>
<li><a href="/zh-CN/docs/Tools/Memory/Basic_operations#保存和加载快照">保存和加载快照</a></li>
<li><a href="/zh-CN/docs/Tools/Memory/Basic_operations#记录调用堆栈">记录调用堆栈</a></li>
</ul>
</div>
<hr>
<h3 id="分析快照">分析快照</h3>
<div class="geckoVersionNote">
<p>树状图是在Firefox 48中新增的，关联性是在Firefox 46中新增的。</p>
</div>
<p>创建一张快照后内存工具会提供以下三种视图：</p>
<ul>
<li><a href="/zh-CN/docs/Tools/Memory/Tree_Map_view">树状图视图</a> 以树形结构展示内存使用情况。</li>
<li><a href="/zh-CN/docs/Tools/Memory/Aggregate_view">聚合视图</a> 以已分配类型的表格的形式展示内存使用情况。</li>
<li><a href="/zh-CN/docs/Tools/Memory/Dominators_view">关联性视图</a> 展示对象分配的大小，即对象的大小加上通过引用的其他对象的大小。</li>
</ul>
<p>如果你选择记录快照的分配栈，聚合视图和关联性视图会准确列出在你代码中哪里进行了内存分配。</p>
<hr>
<h3 id="概念">概念</h3>
<div class="twocolumns">
<ul>
<li><a href="/zh-CN/docs/Tools/Memory/Dominators">关联性</a></li>
</ul>
</div>
<hr>
<h3 id="示例页面">示例页面</h3>
<p>内存工具示例</p>
<div class="twocolumns">
<ul>
<li><a href="/zh-CN/docs/Tools/Memory/Monster_example">Monster示例</a></li>
<li><a href="/zh-CN/docs/Tools/Memory/DOM_allocation_example">DOM分配示例</a></li>
</ul>
</div>
|
