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
61
62
63
64
65
|
---
title: Opérations de base
slug: Tools/Memory/Basic_operations
translation_of: Tools/Memory/Basic_operations
original_slug: Outils/Memory/Basic_operations
---
<div>{{ToolsSidebar}}</div><h2 id="Ouvrir_l'outil_Mémoire">Ouvrir l'outil Mémoire</h2>
<p>L'outil Mémoire n'est pas activé par défaut. Pour l'activer, il faut ouvrir et cocher la case "Mémoire" dans la catégorie "Outils de développement pas défaut" :</p>
<p>{{EmbedYouTube("qi-0CoCOXwc")}}</p>
<p>Depuis Firefox 50, l'outil mémoire est activé par défaut.</p>
<h2 id="Capturer_un_instantané">Capturer un instantané</h2>
<p>Pour capturer un instantané de la heap il faut cliquer sur le bouton "Capturer un instantané" ou sur l'icône en forme d'appareil photo, en haut à gauche :</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>L'instantané, occupera une large partie du panneau de droite. Sur la gauche, il y aura une liste des instantanés capturée. Ce panneau inclut le timestamp, la taille et les actions supprimer/enregistrer :</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="Supprimer_un_instantané">Supprimer un instantané</h2>
<p>Pour supprimer un instantané, il suffit de cliquer sur l'icône "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="Sauvegarder_et_charger_des_instantanés">Sauvegarder et charger des instantanés</h2>
<p>Fermer l'outil, supprimera tous les instantanés non sauvegardés. Pour sauvegarder un instantané, il suffit de cliquer sur "Enregistrer" :</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>Il vous sera ensuite demandé un nom et un emplacement. Le fichier sera alors enregistré avec une extension <code>.fxsnapshot</code></p>
<p>Pour charger un instantané depuis un fichier <code>.fxsnapshot</code>, il faut de cliquer sur le bouton en forme de rectangle avec un flèche pointée vers le haut (avant Firefox le bouton avait le texte "Importer") :</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>Il suffit ensuite de sélectionner un instantané précédemment enregistré sur votre disque.</p>
<h2 id="Comparer_des_instantanés">Comparer des instantanés</h2>
<p>À partir de Firefox 45, il est possible de comparer deux instantanés. Le diff affiche les endroits ou de la mémoire a été allouée, et où de la mémoire a été libéré entre les deux instantanés.</p>
<p>Pour créer une diff, il faut cliquer sur l'icône en forme de diagramme de Venn en haut à gauche (note: avant Firefox 47, l'icône ressemblait à un "+/-") :</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>Il faut ensuite sélectionner l'instantané qui sert de base de comparaison puis l'instantané à comparer. L'outil affiche alors les différences entre les deux instantanés :</p>
<p>{{EmbedYouTube("3Ow-mdK6b2M")}}</p>
<div class="note">
<p>Lors d'une comparaison, il n'est pas possible d'utiliser la vue "Dominants" ou "Carte proportionnelle"</p>
</div>
<h2 id="Enregistrer_les_piles_d'allocations">Enregistrer les piles d'allocations</h2>
<p>L'outil Mémoire permet de savoir exactement où dans le code la mémoire est allouée. Cependant, enregistrer ces informations a un cout en performance. Il faut donc activer manuellement l'enregistrement <em>avant </em>de faire les allocations mémoires. Pour cela, il suffit de cocher la case "Enregistrer les pilles d'allocations" :</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>
|
