blob: 0311ac8c560a93fe5067dd1c3991f8303672225c (
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
|
---
title: Taking screenshots
slug: Tools/Taking_screenshots
tags:
- Outils
translation_of: Tools/Taking_screenshots
original_slug: Outils/Taking_screenshots
---
<div>{{ToolsSidebar}}</div>
<p>Il est possible d'utiliser les outils de développement pour prendre une capture d'écran de la page entière, ou d'un unique élément de la page.</p>
<h2 id="Prendre_une_capture_d'écran_de_la_page">Prendre une capture d'écran de la page</h2>
<p>Utilisez le bouton de capture d'écran: <img alt="" src="https://mdn.mozillademos.org/files/14713/camera-icon.png" style="height: 16px; margin-bottom: -4px; width: 18px;"> pour prendre une capture d'écran en pleine page de la page actuelle.</p>
<p>Par défaut, le bouton de capture d'écran n'est pas activé. Pour l'activer :</p>
<ul>
<li>Visitez la page <a href="/fr/docs/Tools/Settings">Paramètres</a></li>
<li>Touvez la section nommée « Boutons de la boîte à outils »</li>
<li>Cochez la case « Prendre une capture d'écran de la page entière ».</li>
</ul>
<p>Vous verrez dorénavant le bouton dans la barre d'outils :</p>
<p>{{EmbedYouTube("KB5V9uJgcS4")}}</p>
<p>Cliquez sur le bouton pour faire une capture d'écran de la page en cours. La capture est enregistrée dans le dossier « Téléchargements » de votre navigateur.</p>
<p>{{EmbedYouTube("HKS6MofdXVE")}}</p>
<h2 id="Prendre_la_capture_d'écran_d'un_élément">Prendre la capture d'écran d'un élément</h2>
<p>Pour prendre une capture d'écran d'un seul élément dans la page, activez le menu contextuel de cet élément dans le <a href="/fr/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">panneau HTLM</a>, et sélectionnez « Prendre une capture du nœud ». La capture d'écran est enregistrée dans le dossier « Téléchargements » du navigateur :</p>
<p>{{EmbedYouTube("p2pjF_BrE1o")}}</p>
<h2 id="Copier_des_captures_d'écran_dans_le_presse-papier">Copier des captures d'écran dans le presse-papier</h2>
<p>Dans Firefox 53, il est possible de copier la capture d'écran dans le presse-papier. Pensez à cocher la case « Enregistrer dans le presse-papiers » :</p>
<p>{{EmbedYouTube("AZedFGh6F78")}}</p>
<p>Maintenant, dès que vous effectuerez une capture d'écran, celle-ci sera automatiquement copiée dans le presse-papier.</p>
<h2 id="Options_additionnelles">Options additionnelles</h2>
<p>Depuis Firefox 62, il est possible de préciser un ratio-pixel, de mettre un délai avant la capture, ou de spécifier le nom du fichier. Pour cela, il faut utiliser la <a href="/fr/docs/Tools/Web_Console/The_command_line_interpreter#Helper_commands">fonction d'aide </a><code>:screenshot</code> dans la Console Web.</p>
|
