---
title: Travailler avec les iframes
slug: Tools/Working_with_iframes
tags:
  - DevTools
  - Frames
  - Tools
  - debogueur
  - iframe
  - outils de développement
translation_of: Tools/Working_with_iframes
original_slug: Outils/Travailler_avec_les_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>