Supprimer/Masquer un élément vous permet de supprimer ou de masquer temporairement n'importe quel élément d'une page web en un seul clic. Nettoyez les pages pour des captures d'écran, supprimez les publicités et bandeaux de cookies gênants, ou testez l'apparence d'une mise en page sans certaines sections — de façon entièrement non destructive.
Que vous preniez une capture d'écran propre pour un portfolio, que vous testiez comment la mise en page se réorganise lorsqu'une section est supprimée, ou que vous masquiez simplement des fenêtres contextuelles ennuyeuses pour lire le contenu en dessous — Supprimer/Masquer un élément est l'outil qu'il vous faut. Il propose deux modes : Supprimer (retire complètement l'élément du DOM, entraînant un repositionnement du contenu environnant) et Masquer (définit la visibilité sur hidden, préservant l'espace de l'élément dans la mise en page). Les deux opérations sont réversibles avec Annuler. Un surlignage rouge au survol montre exactement quel élément sera affecté avant que vous cliquiez, sans aucune ambiguïté. L'outil tient un décompte continu des éléments supprimés et masqués, et vous pouvez les annuler un par un ou tous à la fois. Comme tous les outils DevSuite, les modifications sont non destructives — rechargez la page et tout revient.
En mode Supprimer, cliquez sur n'importe quel élément pour le retirer complètement de la page. L'élément est extrait du DOM et le contenu environnant se repositionne pour occuper l'espace — comme si le HTML n'avait jamais existé. Idéal pour voir l'apparence d'une page sans certaines sections.
En mode Masquer, cliquez sur un élément pour le rendre invisible tout en conservant son espace dans la mise en page. L'élément devient transparent mais ses dimensions restent, de sorte que le reste de la mise en page demeure exactement identique. Utile pour tester le poids visuel sans décalages de mise en page.
Avant de cliquer, déplacer votre souris affiche un surlignage semi-transparent rouge sur l'élément qui sera affecté. Cet aperçu prévient la suppression accidentelle du mauvais élément — vous voyez toujours exactement ce que vous êtes sur le point de supprimer.
Chaque action de suppression et de masquage est consignée dans un historique d'annulation. Cliquez sur le bouton Annuler pour inverser la dernière action et restaurer l'élément. Vous pouvez annuler plusieurs actions en séquence pour revenir en arrière sur vos modifications.
Un compteur en direct indique combien d'éléments vous avez supprimés et combien vous en avez masqués dans la session en cours. D'un coup d'œil, vous savez combien de modifications vous avez effectuées et combien d'annulations sont disponibles.
Toutes les modifications sont purement visuelles et n'existent que dans la mémoire du navigateur. Le code réel de la page n'est jamais modifié. Rechargez la page à tout moment pour restaurer instantanément chaque élément supprimé et masqué à son état d'origine.
Supprimez les bandeaux de consentement aux cookies, les widgets de chat, les fenêtres contextuelles promotionnelles, les en-têtes fixes et les surimpressions de newsletter avant de prendre des captures d'écran. Obtenez une capture propre et professionnelle du contenu de la page sans encombrement visuel.
Vous vous demandez comment la page s'organise sans la section témoignages ? Ou ce qui se passe lorsque vous supprimez la barre latérale ? Supprimez la section et observez le repositionnement instantané de la mise en page — sans aucune modification de code.
Sur les pages riches en contenu avec des publicités intrusives, masquez les éléments publicitaires pour lire articles et documentation sans distraction. Le contenu se repositionne pour occuper l'espace disponible.
Vous préparez une présentation faisant référence à une page web complexe ? Supprimez les éléments non pertinents pour votre propos, ne conservant que les sections que vous souhaitez aborder. Faites ensuite une capture d'écran de la vue simplifiée.
Si des éléments se chevauchent ou s'obscurcissent mutuellement, supprimez l'élément du dessus pour voir ce qui se trouve en dessous. C'est plus rapide que de modifier les propriétés z-index ou display dans DevTools lorsque vous avez juste besoin d'un aperçu rapide.
Ouvrez le dock flottant DevSuite Pro et cliquez sur l'icône Supprimer/Masquer un élément. Choisissez entre le mode Supprimer (retire l'élément et repositionne la mise en page) ou le mode Masquer (rend invisible mais préserve l'espace).
Déplacez votre souris sur la page. Un surlignage semi-transparent rouge met en évidence l'élément sous votre curseur, indiquant exactement ce qui sera affecté lorsque vous cliquerez.
Cliquez sur l'élément surligné. En mode Supprimer, il est retiré et le contenu environnant se repositionne. En mode Masquer, il devient invisible mais son espace est préservé.
Continuez à cliquer pour supprimer d'autres éléments, ou cliquez sur Annuler pour restaurer le dernier élément supprimé/masqué. Le compteur d'actions affiche vos modifications en cours.
Vous avez terminé d'expérimenter ? Rechargez la page pour restaurer instantanément chaque élément à son état d'origine.
Installez DevSuite Pro gratuitement et débloquez plus de 39 outils de développement pour votre navigateur.
