aboutsummaryrefslogtreecommitdiff
path: root/files/fr/tools/working_with_iframes/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/tools/working_with_iframes/index.html')
-rw-r--r--files/fr/tools/working_with_iframes/index.html25
1 files changed, 25 insertions, 0 deletions
diff --git a/files/fr/tools/working_with_iframes/index.html b/files/fr/tools/working_with_iframes/index.html
new file mode 100644
index 0000000000..114074c320
--- /dev/null
+++ b/files/fr/tools/working_with_iframes/index.html
@@ -0,0 +1,25 @@
+---
+title: Travailler avec les iframes
+slug: Outils/Travailler_avec_les_iframes
+tags:
+ - DevTools
+ - Frames
+ - Tools
+ - debogueur
+ - iframe
+ - outils de développement
+translation_of: Tools/Working_with_iframes
+---
+<div>{{ToolsSidebar}}</div>
+
+<p>Il est possible d'assigner les outils de développement à un <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/iframe">iframe</a> spécifique à l’intérieur d'un document.</p>
+
+<p>{{EmbedYouTube("Me9hjqd74m8")}}</p>
+
+<p>Il existe un bouton dans la barre d'outils :</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8547/frame-selection-button.png" style="display: block; margin-left: auto; margin-right: auto;">Cliquer dessus affichera une liste de tous les iframes du document en pop up ainsi que le document lui même.</p>
+
+<p><img alt="" src="https://mdn.mozillademos.org/files/8549/frame-selection-popup.png" style="display: block; margin-left: auto; margin-right: auto;"></p>
+
+<p>Sélectionner une entrée de la liste fera que tous les outils de développement - l'Inspecteur, la console, le Débogueur etc. -  seront assignés uniquement à cet iframe qui se comportera comme si le reste de la page n'existait pas.</p>