diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/zh-cn/tools/memory/basic_operations | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/zh-cn/tools/memory/basic_operations')
-rw-r--r-- | files/zh-cn/tools/memory/basic_operations/index.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/files/zh-cn/tools/memory/basic_operations/index.html b/files/zh-cn/tools/memory/basic_operations/index.html new file mode 100644 index 0000000000..32b44223e1 --- /dev/null +++ b/files/zh-cn/tools/memory/basic_operations/index.html @@ -0,0 +1,64 @@ +--- +title: 基础操作 +slug: Tools/Memory/Basic_operations +translation_of: Tools/Memory/Basic_operations +--- +<div>{{ToolsSidebar}}</div><h2 id="打开内存工具">打开内存工具</h2> + +<p>在Firefox 50以前,内存工具没有被默认启用。打开开发者工具设置并选择在默认的开发者工具中的内存选项以启用此功能:</p> + +<p>{{EmbedYouTube("qi-0CoCOXwc")}}</p> + +<p>从Firefox 50开始,内存工具默认启用。</p> + +<h2 id="创建快照">创建快照</h2> + +<p>点击“拍摄快照”按钮或者点击左侧的照相机图标来创建快照:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/13651/memory-1-small.png" style="display: block; height: 244px; margin: 0px auto; width: 900px;"></p> + +<p>快照会占据右侧的面板,在左边你可以看到新的快照的入口,包括时间戳,大小和保存或者删除快照的控制:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/13653/memory-2-small.png" style="display: block; height: 243px; margin: 0px auto; width: 900px;"></p> + +<h2 id="删除快照">删除快照</h2> + +<p>点击"X" 以删除快照:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/13655/memory-3-small.png" style="display: block; height: 243px; margin: 0px auto; width: 900px;"></p> + +<h2 id="保存和加载快照">保存和加载快照</h2> + +<p>如果你关闭了内存工具,快照将会被忽略。点击保存按钮以保存快照:</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/13657/memory-4-small.png" style="display: block; height: 243px; margin: 0px auto; width: 900px;"></p> + +<p>你需要选择一个保存位置,将会保存为以 <code>.fxsnapshot</code>为扩展名的文件。</p> + +<p>点击导入按钮(一个向上箭头和正方形组合的图标)来导入一个已有的 <code>.fxsnapshot</code> 文件(在Firefox 49之前有一个名为导入的标签):</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/13659/memory-5-small.png" style="display: block; height: 243px; margin: 0px auto; width: 900px;"></p> + +<p>你可以在硬盘上找到这个快照文件。</p> + +<h2 id="比较快照">比较快照</h2> + +<p>从Firefox45开始,你可以比较两个堆快照。这个对比会向你展示在两个快照之间内存分配和释放的不同。</p> + +<p>你可以点击快照按钮右边的按钮来创建对比 (在Firefox 47以前它是一个"+/-"图标):</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/13661/memory-6-small.png" style="display: block; height: 243px; margin: 0px auto; width: 900px;"></p> + +<p>你也可以选择一个基线来进行快照对比。工具将会向你展示两个快照的区别。</p> + +<p>{{EmbedYouTube("3Ow-mdK6b2M")}}</p> + +<div class="note"> +<p>对比的时候不能使用关联性和树状图。</p> +</div> + +<h2 id="记录调用堆栈">记录调用堆栈</h2> + +<p>内存工具可以告诉你你的代码里哪里在分配内存。然而,记录这些信息需要运行时进行 ,所以如果你想查看块中种内存调用的位置,你必须让你的工具在内存分配结束之前记录内存调用。选择“记录调用堆栈”以启用此功能(在Firefox 49之前叫做 "记录分配堆栈"):</p> + +<p><img alt="" src="https://mdn.mozillademos.org/files/13663/memory-7-small.png" style="display: block; height: 243px; margin: 0px auto; width: 900px;"></p> |